@font-face{font-family:Poppins;src:url(/fonts/poppins-100.ttf)format("truetype");font-style:normal;font-weight:100;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins-200.ttf)format("truetype");font-style:normal;font-weight:200;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins-300.ttf)format("truetype");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins-400.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins-500.ttf)format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins-600.ttf)format("truetype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins-700.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins-800.ttf)format("truetype");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins-900.ttf)format("truetype");font-style:normal;font-weight:900;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/outfit-variable.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-variable.woff2)format("woff2");font-style:normal;font-weight:300 900;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-variable-italic.woff2)format("woff2");font-style:italic;font-weight:300 900;font-display:swap}@font-face{font-family:Playfair Display;src:url(/fonts/playfair-display-latin-variable.woff2)format("woff2");font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:Playfair Display;src:url(/fonts/playfair-display-latin-variable-italic.woff2)format("woff2");font-style:italic;font-weight:400 700;font-display:swap}@font-face{font-family:Crimson Pro;src:url(/fonts/crimson-pro-latin-variable.woff2)format("woff2");font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:Crimson Pro;src:url(/fonts/crimson-pro-latin-variable-italic.woff2)format("woff2");font-style:italic;font-weight:400 700;font-display:swap}:root{--paper:#fff;--ink:#272722;--muted:#9a9b93;--home-intro-color:#6b6d62;--work-filter-color:#6b6d62;--label-color:#9a9b93;--line:#dcdcd4;--accent:#b84e34;--display:var(--sans);--serif:var(--sans);--sans:"Satoshi", Arial, sans-serif;--header-height:60px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 20px)}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}:is(button:focus-visible,a:focus-visible){outline:2px solid var(--accent);outline-offset:6px}::selection{color:#282722;background:#edcdbb}img,video{max-width:100%;display:block}.wrap{width:calc(100% - 160px);max-width:1240px;margin-inline:auto}.site-header{--nav-font-size:16px;z-index:50;height:var(--header-height);box-shadow:none;background:#ffffff26;border:0;position:sticky;top:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-header{-webkit-backdrop-filter:blur(12px)saturate(110%);backdrop-filter:blur(12px)saturate(110%);background:#ffffff26}}.site-header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.wordmark{width:max-content;min-height:44px;font-family:"Poppins", var(--sans);letter-spacing:-.6px;color:var(--ink);align-items:center;gap:8px;font-size:16px;font-weight:400;line-height:1.4;display:flex}.wordmark-icon{object-fit:contain;flex:none;width:26px;height:28px}.wordmark-text{white-space:pre;display:inline-block}.site-header nav{font-size:var(--nav-font-size);align-items:center;gap:34px;line-height:1.4;display:flex}.mobile-menu-toggle{display:none}.site-header nav a{padding:6px 0;transition:color .2s;position:relative}.site-header nav a.nav-active{font-weight:600}:is(.site-header nav a:hover,.site-header nav a:focus-visible){color:var(--accent)}.project-filters button:after{content:"";inset-inline:0;transform-origin:0;background:currentColor;height:1px;transition:transform .2s;position:absolute;top:calc(50% + .7em + 1px);transform:scaleX(0)}.project-filters button.filter-active:after,.project-filters button:hover:after{transform:scaleX(1)}.project-filters button:focus-visible:after{transform:scaleX(1)}.site-header nav a span{margin-left:4px;display:inline-block}.eyebrow{letter-spacing:1.65px;margin:0;font-size:10px;font-weight:550;line-height:1.6}.crayon-trail{z-index:0;pointer-events:none;mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.crayon-trail{display:none}}.hero{--display:"Lora", Georgia, serif;isolation:isolate;padding-top:66px;padding-bottom:73px;position:relative}.hero h1{font-family:var(--display);letter-spacing:-.03em;max-width:1120px;margin:0 0 60px;font-size:clamp(42px,4.8vw,60px);font-weight:500;line-height:1.03}.hero-copy{z-index:1;position:relative}.hero-watercolor{z-index:0;pointer-events:none;background:#fdfcf9;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 12% 82%,#0000);mask-image:linear-gradient(#0000,#000 12% 82%,#0000)}.hero-watercolor-canvas,.hero-watercolor-paper{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-watercolor-paper{z-index:1;opacity:.35;mix-blend-mode:multiply}.hero-grid{--grid-size:40px;--grid-line:#27272209;--grid-hover-line:#27272214;--grid-hover-radius:180px;--pointer-x:50%;--pointer-y:50%;z-index:0;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 15% 78%,#0000);mask-image:linear-gradient(#0000,#000 15% 78%,#0000)}.hero-grid:before,.hero-grid-highlight{background-image:linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);background-size:var(--grid-size) var(--grid-size);background-position:top;position:absolute;inset:0}.hero-grid:before{content:""}.hero-grid-highlight{--grid-line:var(--grid-hover-line);-webkit-mask-image:radial-gradient(circle var(--grid-hover-radius) at var(--pointer-x) var(--pointer-y), black 0%, #000000a6 30%, transparent 100%);mask-image:radial-gradient(circle var(--grid-hover-radius) at var(--pointer-x) var(--pointer-y), black 0%, #000000a6 30%, transparent 100%);opacity:0;transition:opacity .35s}.hero-grid[data-active=true] .hero-grid-highlight{opacity:1}@media (prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.hero-grid-highlight{display:none}}.serif-word{font-family:var(--display);color:var(--accent);letter-spacing:inherit;font-style:italic;font-weight:500}.accent-period{color:var(--accent)}.hero-bottom{justify-content:flex-start;align-items:flex-end;display:flex}.hero-intro{max-width:440px;font-weight:400}.previously{color:var(--home-intro-color);align-items:center;gap:6px;margin:0;font-size:18px;line-height:1.45;display:flex}.previous-company{color:inherit;align-items:center;gap:5px;display:inline-flex}.previous-company img{object-fit:contain}.hero-location{color:var(--home-intro-color);margin:2px 0 0;font-size:18px;line-height:1.45}.work-section{border-top:none;padding-top:39px;scroll-margin-top:20px}.work-toolbar{margin:0 0 30px;display:flex}.project-filters{align-items:flex-end;gap:28px;display:flex}.project-filters button{min-height:44px;color:var(--work-filter-color);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;padding:10px 0;font-size:16px;font-weight:400;line-height:1.4;transition:color .2s;display:inline-flex;position:relative}.project-filters button.filter-active{color:var(--ink);font-weight:600}:is(.project-filters button:hover,.project-filters button:focus-visible){color:var(--accent)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 48px;display:grid}.creative-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.creative-project-tile{min-width:0}.creative-project-tile>.project-link{border-radius:12px;display:block}.creative-project-image{aspect-ratio:3/2;isolation:isolate;border-radius:12px;width:100%;position:relative;overflow:hidden}.creative-project-image>:not(.project-open){transform:scale(var(--creative-cover-zoom,1.3));transform-origin:50%}.project-mona-pooh .creative-project-image{--creative-cover-zoom:1.55}.creative-project-tile>.project-link:focus-visible{outline-offset:5px}@media (max-width:900px){.creative-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:540px){.creative-project-grid{grid-template-columns:1fr}}.project-empty{min-height:240px;color:var(--muted);grid-column:1/-1;place-items:center;font-size:16px;line-height:1.5;display:grid}.project-empty p{margin:0}.project-card{background:#f3f3f3;border:0;border-radius:16px;min-width:0}.project-card>.project-link{border-radius:inherit;flex-direction:column;height:100%;padding:30px;display:flex}.project-card.project-little-prince .project-link .project-motion{background:0 0;padding:0}.project-little-prince .project-motion video{object-fit:cover;width:100%;height:100%;box-shadow:none;border-radius:0}.project-card.project-flying-bird .project-link .project-motion{background:0 0;padding:0}.project-flying-bird .project-motion video{object-fit:cover;width:100%;height:100%;box-shadow:none;border-radius:0}.project-visual{aspect-ratio:3/2;isolation:isolate;border-radius:12px;flex:none;position:relative;overflow:hidden}.project-art{justify-content:center;align-items:center;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.project-art-image{object-fit:contain;filter:drop-shadow(0 16px 17px #27272215);width:86%;height:82%}.art-mocky .project-art-image{border-radius:5px;width:88%;height:auto;transform:translateY(12px);box-shadow:0 20px 40px #3c4b6c19}.art-pocket-buddy{background-image:radial-gradient(at 50% 80%,#d8ccbb77,#0000 65%)}.art-pocket-buddy .project-art-image{width:89%;height:87%;transform:translateY(12px)}.phone-pair{justify-content:center;align-items:center;gap:18px;width:100%;height:100%;padding:42px;display:flex}.phone-pair>img{object-fit:contain;border-radius:16px;width:auto;max-width:43%;height:91%;box-shadow:0 12px 23px #2727221c}.phone-pair>img:first-child{transform:translateY(22px)rotate(-5deg)}.phone-pair>img:last-child{transform:translateY(-15px)rotate(5deg)}.art-restyle{background-image:radial-gradient(at 90% 0,#f3f1e788,#0000 70%)}.art-betterhelp .project-art-image{object-fit:contain;filter:none;flex-shrink:0;width:147%;max-width:none;height:92%;transform:translate(-11%)}.art-transit{background-image:linear-gradient(140deg,#e4e7dc,#d7ddd2)}.art-transit .phone-pair{gap:22px}.art-transit .phone-pair>img{background:#fff;border:5px solid #2a2c29;border-radius:22px}.project-link:hover .project-art{transform:scale(1.035)}.project-caption{margin:0;padding:24px 0 4px}.project-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.project-caption h3{letter-spacing:-1px;margin:0;font-size:clamp(28px,2.5vw,38px);font-weight:650;line-height:1.15}.project-context-label{color:#9b4b2e;white-space:nowrap;text-transform:uppercase;background:#fff0e3;border:1px solid #efc9af;border-radius:8px;flex:none;align-self:center;padding:6px 10px;font-size:12px;font-weight:500;line-height:1.35}@media (max-width:700px){.project-heading{flex-wrap:wrap;gap:10px}.project-context-label{font-size:11px}}.project-open{z-index:2;background:var(--accent);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:12px 16px;font-size:16px;line-height:1.25;transition:opacity .2s,transform .25s;display:inline-flex;position:absolute;bottom:16px;right:16px;transform:translateY(6px);box-shadow:0 6px 18px #6d362333}.project-open svg{flex:none;width:18px;height:18px;display:block}:is(.project-link:hover .project-open,.project-link:focus-visible .project-open){opacity:1;transform:translateY(0)}.project-description{letter-spacing:-.02em;color:#585b52;margin:6px 0 20px;font-size:18px;font-weight:500;line-height:1.6}.project-tags-wrap{width:100%;min-width:0}.project-tags{flex-wrap:wrap;justify-content:flex-start;gap:8px;width:100%;min-width:0;margin:0;padding:0;list-style:none;display:flex}.project-tags li{white-space:nowrap;color:var(--ink);background:#f5f5f3;border:1px solid #c4c4bf;border-radius:8px;flex:none;padding:6px 10px;font-size:13px;line-height:1.35}.about-teaser{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:24px;margin-top:105px;padding-top:67px;padding-bottom:88px;display:grid}.tiny-flower{color:var(--accent);margin-bottom:26px;font-size:51px;line-height:1;display:block}.about-note{padding-top:10px}.about-teaser h2,.footer-main h2,.about-page h1{letter-spacing:-2.5px;margin:0;font-size:60px;font-weight:450;line-height:1.08}.about-teaser h2,.about-page h1{font-family:var(--display);font-weight:500}.footer-main h2,.about-teaser h2 em,.footer-main h2 em,.about-page h1 em,.personal-note em{font-family:var(--serif);font-weight:400}.about-teaser h2 em,.about-page h1 em{font-family:inherit;font-weight:inherit}.about-teaser-bottom{justify-content:space-between;align-items:flex-end;gap:30px;margin-top:30px;display:flex}.about-teaser-bottom>p{color:var(--muted);max-width:355px;margin:0;font-size:13px;line-height:1.9}.text-link{white-space:nowrap;border-bottom:1px solid #97988b;align-items:center;gap:28px;padding-bottom:6px;font-size:12px;transition:color .2s;display:inline-flex}.text-link:hover{color:var(--accent);border-color:var(--accent)}.site-footer{border-top:1px solid var(--line);margin-top:96px;padding-top:0}.site-footer.is-compact{margin-top:0}.site-footer.is-connect{color:#fff;background:#303030;border-top:0;width:100%}.site-footer.is-connect .footer-bottom{color:#c9c9c5;border-top-color:#ffffff24}.connect-section{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:88px 24px;display:flex}.connect-section h2{font-family:var(--serif);letter-spacing:-2px;margin:0;font-size:clamp(48px,6.5vw,88px);font-weight:400;line-height:1.15}.connect-links{align-items:center;gap:20px;margin-top:32px;display:flex}.connect-links a{color:#fff;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.connect-links svg{width:24px;height:24px;display:block}:is(.connect-links a:hover,.connect-links a:focus-visible){background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.connect-links a:focus-visible{outline-offset:4px;outline-color:#fff}@media (prefers-reduced-motion:reduce){.connect-links a{transition:none}}.footer-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-main{justify-content:space-between;align-items:center;padding:50px 0 60px;display:flex}.footer-main h2{font-size:70px}.footer-main h2 em{color:#7b7e6e}.contact-orbit{border:1px solid #b9bcae;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:122px;height:122px;margin-right:12px;font-size:12px;transition:background .3s,color .3s,transform .3s;display:flex}.contact-orbit>span:last-child{font-size:28px}.contact-orbit:hover{background:var(--ink);color:var(--paper);transform:rotate(-8deg)}.footer-bottom{border-top:1px solid var(--line);color:#6b6d62;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:28px 0 36px;font-size:14px;line-height:1.6;display:flex}.footer-bottom p{margin:0}.footer-signoff{font-size:inherit}.footer-bottom>div{gap:24px;display:flex}.footer-bottom a:hover{color:var(--ink)}.made-with{align-items:center;gap:7px;display:flex}.made-with span{color:var(--accent);font-size:15px}.about-page{padding-top:65px}.about-page-intro{margin-bottom:60px}.about-page h1{margin-top:28px;font-size:92px}.about-page h1 em{color:var(--accent)}.about-layout{grid-template-columns:.92fr 1fr;align-items:start;gap:100px;display:grid}.portrait-frame{aspect-ratio:4/5;background:#e8e4db;margin:10px 0 20px;position:relative;transform:rotate(-2deg)}.portrait-frame>img{object-fit:cover;object-position:center;width:100%;height:100%}.portrait-caption{letter-spacing:1px;background:var(--paper);padding:8px 10px;font-size:9px;position:absolute;bottom:15px;left:20px}.portrait-sticker{text-align:center;color:#39402c;width:95px;height:95px;font-family:var(--serif);background:#d4d8bc;border-radius:50%;align-content:center;font-size:28px;line-height:.9;display:grid;position:absolute;top:25px;right:-28px;transform:rotate(12deg)}.about-story{padding-top:8px}.large-copy{letter-spacing:-.45px;margin:0 0 30px;font-size:23px;line-height:1.55}.about-story>p:not(.large-copy){color:var(--muted);margin:0 0 22px;font-size:14px;line-height:1.95}.about-facts{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:20px;margin-top:38px;padding-top:28px;display:grid}.about-facts p{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.95}.about-links{gap:26px;margin-top:28px;display:flex}.personal-note{text-align:left;justify-content:center;align-items:center;gap:35px;padding:100px 0;display:flex}.personal-note>span{color:var(--accent);font-size:70px}.personal-note p{letter-spacing:-.8px;font-size:30px;line-height:1.3}.personal-note em{font-size:35px}.case-page{padding-top:35px}.back-link{color:var(--muted);margin-bottom:55px;font-size:11px;display:inline-block}.back-link:hover{color:var(--accent)}.case-title h1{font-family:var(--serif);letter-spacing:-5px;margin:22px 0 16px;font-size:100px;font-weight:500;line-height:1.1}.case-title>p:last-child{color:var(--muted);max-width:600px;margin:0 0 45px;font-size:21px;line-height:1.5}.case-cover{aspect-ratio:1.85;border-radius:4px;overflow:hidden}.case-cover .project-art-image{width:80%;height:85%;max-height:100%}.case-cover .art-mocky .project-art-image{width:74%;height:auto}.case-cover .phone-pair{padding:45px}.case-cover .art-betterhelp .project-art-image{width:100%;height:100%;transform:none}.case-meta{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:28px 0;display:grid}.case-meta p{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.6}.case-overview{grid-template-columns:1fr 1.3fr;gap:90px;padding:65px 0 75px;display:grid}.case-overview h2{letter-spacing:-1px;margin:20px 0 25px;font-size:35px;font-weight:450;line-height:1.2}.case-tags{flex-wrap:wrap;gap:7px;display:flex}.case-tags span{border:1px solid var(--line);border-radius:20px;padding:7px 11px;font-size:10px}.case-overview .large-copy{font-size:22px}.case-overview h3{margin:30px 0 12px;font-size:13px;font-weight:550}.case-overview>div>p:not(.eyebrow):not(.large-copy){color:var(--muted);font-size:14px;line-height:1.9}.case-actions{flex-wrap:wrap;gap:25px;margin-top:30px;display:flex}.case-demo{border-top:1px solid var(--line);padding-top:30px}.case-demo video{object-fit:contain;background:#eae6df;border-radius:4px;width:100%;height:auto;max-height:700px;margin-top:25px}.next-project{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:65px;padding:55px 0 70px;display:flex}.next-project h2{letter-spacing:-2px;margin:15px 0 0;font-size:56px;font-weight:450}.next-project>span{font-size:55px;transition:transform .3s}.next-project:hover>span{color:var(--accent);transform:translate(8px,-8px)}.betterhelp-crop{width:70%;height:87%;position:relative;overflow:hidden}.betterhelp-crop img{width:auto;max-width:none;height:100%;position:absolute;top:0;right:0}.case-cover .betterhelp-crop{width:48%;height:88%}.not-found{padding-top:90px;padding-bottom:100px}.not-found h1{letter-spacing:-2px;margin:30px 0;font-size:clamp(42px,6vw,85px);font-weight:450;line-height:1.1}.not-found h1 em{font-family:var(--serif);color:var(--accent);font-weight:400}@keyframes enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1600px){.hero{padding-top:90px;padding-bottom:100px}.project-visual{aspect-ratio:3/2}}@media (max-width:1100px){.wrap{width:calc(100% - 96px)}.hero h1{letter-spacing:-.03em;font-size:clamp(42px,5.2vw,62px)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}.about-teaser{grid-template-columns:.7fr 2fr}.about-teaser h2{font-size:52px}.footer-main h2{font-size:63px}.about-layout{gap:60px}.about-story .large-copy{font-size:21px}.case-overview{gap:50px}.phone-pair{gap:12px;padding:30px}}@media (max-width:760px){:root{--header-height:54px}.wrap{width:calc(100% - 48px)}.site-header{--nav-font-size:20px}.site-header nav{font-size:var(--nav-font-size);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;flex-direction:column;align-items:flex-start;gap:14px;padding:20px 24px 28px;display:none;position:absolute;top:100%;left:0;right:0}.site-header nav.is-open{display:flex}.mobile-menu-toggle{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;margin-right:-10px;padding:0;display:flex}.mobile-menu-toggle>span{background:currentColor;width:22px;height:1.5px;transition:transform .18s,opacity .18s}.mobile-menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(6.5px)rotate(45deg)}.mobile-menu-toggle[aria-expanded=true]>span:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-6.5px)rotate(-45deg)}.hero{padding-top:37px;padding-bottom:45px}.eyebrow{letter-spacing:1.2px;font-size:8px}.hero h1{letter-spacing:-.03em;margin:0 0 34px;font-size:clamp(32px,5.5vw,42px);line-height:1.08}.serif-word{letter-spacing:inherit}.hero-bottom{display:block}.hero-intro{width:100%;max-width:440px}.previously,.hero-location{font-size:16px}.work-section{padding-top:29px}.work-toolbar{margin:0 0 24px}.project-filters{flex-wrap:wrap;gap:0 12px;max-width:100%}.project-filters button{padding:10px 0;font-size:12px}.project-grid{grid-template-columns:1fr;gap:32px}.project-visual{aspect-ratio:3/2;border-radius:12px}.project-card>.project-link{padding:24px}.project-caption{margin:0;padding:20px 0 4px}.project-caption h3{font-size:28px}.project-description{margin:4px 0 20px;font-size:16px}.phone-pair{gap:16px;padding:38px}.phone-pair>img{border-radius:13px}.art-transit .phone-pair>img{border-width:4px;border-radius:18px}.about-teaser{grid-template-columns:1fr;gap:22px;margin-top:65px;padding-top:40px;padding-bottom:50px}.about-note{align-items:center;gap:13px;padding:0;display:flex}.tiny-flower{margin:0;font-size:32px}.about-teaser h2{letter-spacing:-1.7px;font-size:43px}.about-teaser-bottom{margin-top:21px;display:block}.about-teaser-bottom>p{max-width:340px;font-size:12px}.about-teaser-bottom .text-link{margin-top:25px}.site-footer{margin-top:64px;padding-top:0}.connect-section{min-height:320px;padding:72px 12px}.connect-section h2{letter-spacing:-1.4px}.connect-links{gap:20px;margin-top:28px}.footer-top .eyebrow{max-width:180px;font-size:7px}.footer-main{gap:12px;padding:34px 0 40px}.footer-main h2{letter-spacing:-1.6px;font-size:43px}.contact-orbit{flex-shrink:0;gap:2px;width:76px;height:76px;margin:0;font-size:9px}.contact-orbit>span:last-child{font-size:22px}.footer-bottom{gap:2px;padding:24px 0 32px;font-size:14px}.footer-signoff{font-size:inherit}.made-with{display:none}.footer-bottom>div{gap:16px}.about-page{padding-top:35px}.about-page-intro{margin-bottom:40px}.about-page h1{letter-spacing:-2.5px;margin-top:20px;font-size:64px}.about-layout{grid-template-columns:1fr;gap:35px}.portrait-frame{width:calc(100% - 25px);max-width:450px;margin-inline:auto}.portrait-sticker{width:78px;height:78px;font-size:24px;right:-16px}.about-story{padding:0}.about-story .large-copy{font-size:24px}.about-story>p:not(.large-copy){font-size:13px}.about-facts{margin-top:28px}.about-links{gap:24px}.about-links a{font-size:11px}.personal-note{gap:20px;padding:55px 0}.personal-note>span{font-size:45px}.personal-note p{font-size:23px}.personal-note em{font-size:27px}.case-page{padding-top:20px}.back-link{margin-bottom:38px}.case-title h1{letter-spacing:-3px;margin-top:18px;font-size:64px}.case-title>p:last-child{margin-bottom:30px;font-size:17px}.case-cover{aspect-ratio:1.2}.case-cover .phone-pair{padding:20px}.case-meta{grid-template-columns:1fr 1fr;gap:25px;padding:25px 0}.case-meta>div:last-child{grid-column:1/-1}.case-meta p{font-size:11px}.case-overview{grid-template-columns:1fr;gap:30px;padding:40px 0}.case-overview h2{max-width:370px;font-size:32px}.case-overview .large-copy{font-size:20px;line-height:1.6}.case-overview>div>p:not(.eyebrow):not(.large-copy){font-size:13px}.next-project{margin-top:40px;padding:35px 0 45px}.next-project h2{margin-top:10px;font-size:44px}.next-project>span{font-size:40px}.case-cover .betterhelp-crop{width:70%;height:85%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media (prefers-reduced-motion:no-preference){[data-reveal-pending]{opacity:0}[data-reveal-pending]:focus-within{opacity:1}}@media print{[data-reveal-pending]{opacity:1!important}}.noise-cover{background:#e8eeeb;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.noise-cover-hardware{object-fit:cover;border-radius:10px;width:62%;height:65%;position:absolute;top:8%;right:7%;box-shadow:0 12px 28px #283e3220}.noise-cover-screen{border-radius:8px;width:64%;height:auto;position:absolute;bottom:9%;left:7%;box-shadow:0 14px 32px #283e3226}:is(.project-link:hover .noise-cover,.project-link:focus-visible .noise-cover){transform:scale(1.035)}.project-noise-o-meter .project-heading{flex-wrap:wrap;gap:12px}.project-noise-o-meter .project-context-label{white-space:normal}.marvel-experience{aspect-ratio:16/10;isolation:isolate;background:#1b1c48;border-radius:20px;width:100%;min-height:480px;position:relative;overflow:hidden}.marvel-experience iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.marvel-experience.is-preview{aspect-ratio:auto;pointer-events:none;border-radius:0;height:100%;min-height:0}.mona-pooh-experience{aspect-ratio:4/3;background:#d6ceba;border-radius:20px;width:100%;max-width:900px;margin-inline:auto;position:relative;overflow:hidden}.mona-pooh-experience iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.mona-pooh-experience.is-preview{aspect-ratio:auto;pointer-events:none;border-radius:0;max-width:none;height:100%}.rotational-traces-experience{aspect-ratio:4/3;background:#000;border-radius:20px;width:100%;max-width:900px;margin-inline:auto;position:relative;overflow:hidden}.rotational-traces-experience iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.rotational-traces-experience.is-preview{aspect-ratio:auto;pointer-events:none;border-radius:0;max-width:none;height:100%}.aurora-flow-experience{aspect-ratio:16/10;background:#000;border-radius:20px;width:100%;min-height:480px;position:relative;overflow:hidden}.aurora-flow-experience iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.aurora-flow-experience.is-preview{aspect-ratio:auto;pointer-events:none;border-radius:0;height:100%;min-height:0}.project-cover.cover-nyc-dog-bites{background:#e5f0eb}.project-cover.cover-nyc-dog-bites img{object-fit:contain;object-position:center}:is(.project-link:hover .cover-nyc-dog-bites img,.project-link:focus-visible .cover-nyc-dog-bites img){transform:none}.dog-bites-experience{aspect-ratio:4/3;background:#e5f0eb;border:1px solid #e1e4db;border-radius:16px;width:100%;max-width:960px;margin-inline:auto;position:relative;overflow:hidden}.dog-bites-experience iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.creative-project{padding-top:132px}.creative-project-heading{max-width:800px;margin:0 0 36px}.creative-project-heading>.eyebrow{color:var(--accent)}.creative-project-heading h1{color:var(--ink);letter-spacing:-1.6px;margin:16px 0;font-size:clamp(36px,4.5vw,60px);font-weight:450;line-height:1.15}.creative-project-heading>p{color:#77796f;margin:0 0 24px;font-size:20px;line-height:1.6}.creative-project-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;margin-top:40px;display:grid}.creative-project-notes h2{color:var(--ink);margin:0 0 14px;font-size:22px;font-weight:500;line-height:1.4}.creative-project-notes p{color:#4c4d46;margin:0;font-size:16px;line-height:1.75}.creative-project-credit{color:#77796f;margin:32px 0 0;font-size:12px;line-height:1.6}.creative-project-credit a{text-underline-offset:3px;text-decoration:underline}.creative-project-page .case-more-projects{margin-top:48px}.project-cover.cover-bear{background:#f4f4ef;padding:16px}.project-cover.cover-bear img{object-fit:contain;object-position:center}.graphic-project-heading{margin-bottom:36px}.creative-project-heading>.graphic-project-tools{color:#55584f;flex-wrap:wrap;align-items:baseline;gap:12px;margin:24px 0 0;font-size:14px;display:flex}.graphic-project-tools>span{color:#77796f;letter-spacing:.8px;font-size:11px;font-weight:500}.bear-collection{background:#f4f4ef;border-radius:20px;margin:0;padding:32px}.bear-collection img{width:100%;max-width:1000px;height:auto;margin-inline:auto;display:block}.graphic-project-actions{justify-content:center;margin-top:24px;display:flex}.bear-map-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:40px;display:grid}.bear-map-gallery figure{min-width:0;margin:0}.bear-map-gallery img{border-radius:12px;width:100%;height:auto;display:block}.bear-map-gallery figcaption{color:#77796f;text-align:center;margin-top:12px;font-size:12px}.project-cover.cover-fikan{background:#fff;place-items:center;padding:24px;display:grid}.fikan-logo-animation{width:100%;min-width:0}.fikan-logo-animation .case-autoplay-video{width:100%;margin:0}.fikan-logo-animation .case-autoplay-video video{background:#fff;width:100%;height:auto;max-height:none;display:block}.fikan-logo-animation.is-preview{pointer-events:none;height:100%}.fikan-logo-animation.is-preview .case-autoplay-video{height:100%}.fikan-logo-animation.is-preview video{object-fit:cover;height:100%;transition:transform .65s cubic-bezier(.22,1,.36,1);transform:scale(1.25)}.project-link:hover .fikan-logo-animation.is-preview video{transform:scale(1.3)}.fikan-final-logo{background:#fff;border-radius:12px;margin:0;padding:0;overflow:hidden}.fikan-final-logo .fikan-logo-animation{max-width:960px;margin-inline:auto}.graphic-process-section{margin-top:72px}.graphic-process-section>.eyebrow{color:var(--accent)}.graphic-process-section h2{color:var(--ink);letter-spacing:-.5px;margin:14px 0 24px;font-size:28px;font-weight:450;line-height:1.35}.graphic-process-section>p{color:#4c4d46;max-width:860px;margin:0 0 20px;font-size:17px;line-height:1.8}.graphic-process-section>p strong{font-weight:550}.graphic-process-board{margin:28px 0 0}.graphic-process-board img{border-radius:12px;width:100%;height:auto;display:block}.fikan-animation .case-skip-solution{margin-top:8px}@media (max-width:700px){.creative-project{padding-top:100px}.creative-project-heading>p{font-size:17px}.marvel-experience{aspect-ratio:3/4;border-radius:14px;min-height:460px}.mona-pooh-experience{aspect-ratio:3/4;border-radius:14px}.mona-pooh-experience.is-preview{aspect-ratio:auto;border-radius:0}.rotational-traces-experience{aspect-ratio:1;border-radius:14px}.rotational-traces-experience.is-preview{aspect-ratio:auto;border-radius:0}.aurora-flow-experience{aspect-ratio:3/4;border-radius:14px;min-height:420px}.aurora-flow-experience.is-preview{aspect-ratio:auto;border-radius:0;min-height:0}.creative-project-notes{grid-template-columns:1fr;gap:28px;margin-top:28px}.creative-project-notes h2{font-size:20px}.bear-collection{border-radius:14px;padding:16px}.bear-map-gallery{grid-template-columns:1fr;gap:24px;margin-top:28px}.project-cover.cover-fikan{padding:16px}.fikan-final-logo{padding:0}.graphic-process-section{margin-top:48px}.graphic-process-section h2{font-size:24px}.graphic-process-section>p{font-size:16px}}@media (prefers-reduced-motion:reduce){.noise-cover{transition:none}:is(.project-link:hover .noise-cover,.project-link:focus-visible .noise-cover){transform:none}}.project-cover.cover-momento{background:#e8e0d3;place-items:center;padding:32px;display:grid}.momento-cover-screens{justify-content:center;align-items:center;gap:16px;width:90%;height:100%;transition:transform .55s;display:flex}.project-cover.cover-momento .momento-cover-screens img{object-fit:contain;border-radius:9px;width:calc(33.3333% - 10.6667px);height:auto;max-height:100%;position:static;box-shadow:0 8px 20px #47352220}.project-link:hover .cover-momento .momento-cover-screens{transform:scale(1.035)}@media (max-width:700px){.project-cover.cover-momento{padding:22px}.momento-cover-screens{gap:10px;width:96%}.project-cover.cover-momento .momento-cover-screens img{border-radius:6px;width:calc(33.3333% - 6.66667px)}}.case-soundtrack{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;display:flex}.case-soundtrack-button{color:#56594f;cursor:pointer;background:#fff;border:1px solid #e1ddd4;border-radius:999px;align-items:center;gap:9px;padding:9px 14px;font-size:13px;line-height:1.4;transition:border-color .2s,background .2s;display:inline-flex}.case-soundtrack-button:hover{background:#faf8f3;border-color:#bca58c}.case-soundtrack-button[aria-pressed=true]{background:#fcf4e8;border-color:#d6b9a4}.case-soundtrack-button:disabled{cursor:wait}.case-soundtrack-button svg{width:17px;height:17px}.case-soundtrack-status{color:#8c8e82;font-size:11px}.case-soundtrack-error{color:#8b5d4c;font-size:12px}.project-card{position:relative}.project-motion{background-color:#f2f2f0;justify-content:center;align-items:center;width:100%;height:100%;padding:12px;transition:background-color .42s;display:flex}@media (hover:hover){.project-link:hover .project-motion{background-color:#ede9e3}}.project-link:focus-visible .project-motion{background-color:#ede9e3}@media (prefers-reduced-motion:reduce){.project-motion{transition:none}}.project-motion video{object-fit:contain;border-radius:20px;width:auto;max-width:100%;height:100%;max-height:100%;transition:transform .6s;box-shadow:0 18px 30px #2727221a}.motion-mocky video{border-radius:5px;width:100%;max-width:100%;height:auto}.project-cover{background:#f2f2f0;width:100%;height:100%;overflow:hidden}.project-cover img{object-fit:cover;object-position:50% 40%;width:100%;height:100%;transition:transform .65s cubic-bezier(.22,1,.36,1);display:block}.cover-mocky img,.cover-restyle img,.cover-betterhelp img,.cover-transit img{object-position:50% 50%}@media (hover:hover) and (pointer:fine){.project-link:hover .project-cover img{transform:scale(1.04)}}.project-link:focus-visible .project-cover img{transform:scale(1.04)}@media (prefers-reduced-motion:reduce){.project-cover img{transition:none;transform:none!important}}.case-study-page{--case-demo-background:radial-gradient(ellipse at 86% 16%, #f0dfcd 0%, transparent 58%), radial-gradient(ellipse at 8% 90%, #e2e9df 0%, transparent 60%), #f8f5ef;--case-demo-shadow:drop-shadow(0 14px 18px #53412a1f);--case-list-gap:3px;--project-title-font:var(--sans);--case-heading-gap:48px;--case-subheading-gap:24px;--case-paragraph-gap:20px;--case-sidebar-width:205px;--case-column-gap:78px;isolation:isolate;position:relative}.case-study-shell{grid-template-columns:var(--case-sidebar-width) minmax(0, 1fr);gap:var(--case-column-gap);align-items:start;padding-top:62px;padding-bottom:64px;display:grid}.case-sidebar{top:calc(var(--header-height) + 24px);max-height:calc(100dvh - var(--header-height) - 48px);scrollbar-width:thin;padding-bottom:32px;padding-left:12px;position:sticky;overflow-y:auto}.case-sidebar-name{font-family:var(--project-title-font);letter-spacing:normal;letter-spacing:-.75px;padding-top:6px;font-size:25px;font-weight:800;line-height:1.3;display:block}.case-sidebar-intro>p{color:var(--muted);max-width:185px;margin:18px 0 35px;font-size:13px;line-height:1.8}.case-section-nav{flex-direction:column;padding-left:2px;display:flex}.case-section-nav a{color:var(--muted);letter-spacing:1.1px;text-transform:uppercase;padding:9px 0;font-size:10px;line-height:1.5;transition:color .2s;display:block;position:relative}.case-section-nav a:hover{color:var(--accent)}.case-section-nav a.is-active{color:var(--ink);font-weight:650}.case-section-nav a.is-active:before{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;top:14px;left:-12px}.case-section-nav a.case-sidebar-back{margin-top:30px;padding-bottom:12px}.case-contents-toggle{display:none}.case-article{min-width:0}.case-article .case-title h1{letter-spacing:-3.8px;margin:22px 0 17px;font-size:clamp(56px,5.2vw,82px)}.case-article .case-title>p:not(.eyebrow){color:var(--muted);max-width:610px;margin:0 0 35px;font-size:20px;line-height:1.5}.case-live-link{margin-bottom:35px}.case-article .case-cover{aspect-ratio:1.6}.case-article .case-meta{gap:24px;padding:27px 0 31px}.case-article .case-meta p{font-size:11px}.case-skip-solution{background:var(--accent);color:#fff;letter-spacing:.8px;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:12px 18px;font-size:12px;font-weight:550;line-height:1.4;display:inline-flex;box-shadow:0 4px 12px #6d36231f}.case-skip-solution svg{width:16px;height:16px}.case-skip-solution:hover{filter:brightness(.95)}.case-skip-solution:focus-visible{outline-offset:4px}.case-project-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.case-content-intro{margin:8px 0 28px}.case-content-intro h2{color:var(--ink);font-family:var(--project-title-font);letter-spacing:-.6px;margin:0 0 12px;font-size:clamp(32px,3vw,44px);font-weight:500;line-height:1.2}.case-content-intro p{color:#6b6d62;max-width:760px;margin:0;font-size:clamp(18px,1.6vw,22px);line-height:1.5}@media (min-width:701px){.case-raijin .case-content-intro p{white-space:nowrap;max-width:none}}.case-demo-button{color:var(--accent);border:1px solid var(--accent);box-shadow:none;background:#fff}.case-study-body{margin-top:64px}.case-section{border-top:1px solid var(--line);margin-bottom:80px;padding-top:40px;scroll-margin-top:45px}.case-section:first-child{border-top:0;padding-top:0}.case-study-body>.case-section:last-child{margin-bottom:0}.case-section-heading{margin-bottom:32px}.case-section-heading h2{letter-spacing:-1.2px;max-width:780px;margin:14px 0 0;font-size:35px;font-weight:500;line-height:1.22}.case-section-content{min-width:0}.case-rich-text{color:#5b5e55;overflow-wrap:anywhere;max-width:790px;font-size:15px;line-height:1.9}.case-rich-text p{margin:0 0 var(--case-paragraph-gap)}.case-rich-text strong{color:var(--ink);font-weight:600}.case-rich-text h3{letter-spacing:-.45px;color:var(--ink);margin:37px 0 var(--case-subheading-gap);font-size:22px;font-weight:500;line-height:1.4}.case-rich-text h4{color:var(--ink);margin:28px 0 14px;font-size:17px;font-weight:550;line-height:1.5}.case-rich-text ul,.case-rich-text ol{margin:12px 0 26px;padding-left:22px}.case-rich-text li{margin:var(--case-list-gap,3px) 0;padding-left:5px;line-height:1.5}.case-rich-text li>p{margin:0}.case-rich-text li>p+p{margin-top:8px}.case-rich-text blockquote{font-family:var(--serif);color:var(--ink);background:#eeeee7;border-left:2px solid #b5b6a8;margin:25px 0;padding:18px 25px;font-size:27px;line-height:1.35}.case-rich-text blockquote p{margin:0}.case-rich-text a{text-underline-offset:3px;-webkit-text-decoration:underline #b0b1a6;text-decoration:underline #b0b1a6}.case-rich-text a:hover{color:var(--accent)}.case-rich-text table{border-collapse:collapse;width:100%;font-size:12px;display:block;overflow-x:auto}.case-rich-text th,.case-rich-text td{border:1px solid var(--line);text-align:left;min-width:110px;padding:12px}.case-figure{min-width:0;margin:30px 0 38px}.case-image{background:#eeeee8;border:1px solid #e5e5dc;border-radius:4px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.case-image>img{width:100%;height:auto}.case-figure figcaption{color:var(--muted);text-align:center;margin-top:12px;font-size:11px;line-height:1.6}.case-figure.is-square{width:min(100%,350px);margin-inline:auto}.case-figure.is-illustration{width:min(100%,210px);margin-inline:auto}.case-figure.is-illustration .case-image{background:0 0;border:0}.case-phone-gallery{background:#eceee5;border-radius:4px;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:30px 0 38px;padding:34px 30px;display:grid}.case-phone-gallery.gallery-1{grid-template-columns:minmax(0,255px);justify-content:center}.case-phone-gallery.gallery-2{grid-template-columns:repeat(2,minmax(0,260px));justify-content:center;gap:38px}.case-phone-gallery .case-figure{align-self:center;margin:0}.case-phone-gallery .case-image{filter:drop-shadow(0 12px 13px #27272212);background:0 0;border:0;border-radius:15px}.case-content-video{background:#eeede6;border-radius:4px;margin:32px 0 40px;padding:25px}.case-content-video video{object-fit:contain;width:100%;height:auto;max-height:650px;margin:auto}.case-content-embed{border:1px solid var(--line);aspect-ratio:1.5;border-radius:4px;margin:32px 0;overflow:hidden}.case-content-embed iframe{border:0;width:100%;height:100%;display:block}@media (max-width:1150px){.case-study-page{--case-sidebar-width:175px;--case-column-gap:42px}.case-sidebar-name{font-size:22px}.case-sidebar-intro>p{font-size:12px}.case-section-heading h2{font-size:31px}.case-phone-gallery{gap:17px;padding:26px 20px}}@media (max-width:960px){.case-study-shell{padding-top:25px;display:block}.case-sidebar{top:var(--header-height);background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);z-index:15;max-height:none;margin-bottom:35px;padding:0;position:sticky;overflow:visible}.case-sidebar-intro{display:none}.case-contents-toggle{cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:17px 0;font-size:12px;display:flex}.current-section-label{color:var(--muted);padding-left:5px;font-size:11px}.case-section-nav{max-height:min(70dvh, calc(100dvh - var(--header-height) - 84px));background:var(--paper);border:1px solid var(--line);padding:15px 22px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 18px 25px #27272212}.case-section-nav.is-open{display:flex}.case-section-nav a{padding:12px 0;font-size:11px}.case-section-nav a.is-active:before{top:18px}.case-section-nav a.case-sidebar-back{margin-top:15px}.case-section{scroll-margin-top:90px}.case-article .case-title h1{font-size:72px}}@media (max-width:600px){.project-motion{padding:10px}.project-motion video{border-radius:14px;height:100%}.motion-mocky video{border-radius:4px;height:auto}.case-study-shell{padding-top:15px}.case-article .case-title h1{letter-spacing:-2.8px;font-size:58px}.case-article .case-title>p:not(.eyebrow){margin-bottom:28px;font-size:17px}.case-article .case-cover{aspect-ratio:1.2}.case-article .case-meta{gap:22px}.case-study-body{margin-top:45px}.case-section{margin-bottom:55px;padding-top:28px}.case-section-heading{margin-bottom:23px}.case-section-heading h2{letter-spacing:-.8px;margin-top:12px;font-size:28px}.case-rich-text{font-size:14px;line-height:1.9}.case-rich-text h3{margin:28px 0 var(--case-subheading-gap);font-size:21px}.case-rich-text h4{font-size:17px}.case-rich-text blockquote{margin-inline:0;padding:15px 20px;font-size:25px}.case-figure{margin:24px 0 30px}.case-phone-gallery,.case-phone-gallery.gallery-2{gap:17px;padding:24px 18px}.case-phone-gallery.gallery-3{grid-template-columns:repeat(2,minmax(0,1fr))}.case-phone-gallery.gallery-3>:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 8px)}.case-phone-gallery.gallery-1{padding:24px 45px}.case-content-video{margin:25px 0 30px;padding:15px}.case-content-embed{aspect-ratio:.8}}.case-mobile-intro{display:none}.case-sidebar-compact,.case-sidebar-compact .case-section-nav{padding-left:0}.case-sidebar-compact .case-sidebar-intro{border-bottom:1px solid var(--line);margin-bottom:40px;padding-bottom:16px}.case-sidebar-compact .case-sidebar-intro>p{color:#6b6d62;margin:10px 0 0;font-size:16px;line-height:1.3}.case-project-context{margin-top:14px;display:inline-block}.case-sidebar-tags{width:100%;color:var(--label-color);white-space:normal;margin-top:26px;font-size:12px;font-weight:500;line-height:1.5}.case-sidebar-compact .case-section-nav a{letter-spacing:.5px;padding:3px 0 3px 14px;font-size:10px;font-weight:500;line-height:1.6}.case-sidebar-compact .case-section-nav a.is-active:before{border-radius:0;width:4px;height:12px;display:block;top:50%;left:0;transform:translateY(-50%)}.case-sidebar-compact .case-section-nav a.is-active{color:var(--accent);font-weight:700}@media (min-width:961px){.case-study-page .case-study-shell{padding-top:36px}.case-study-page .case-sidebar-compact{top:calc(var(--header-height) + 36px);width:auto;max-height:calc(100dvh - var(--header-height) - 60px);position:sticky;overflow-y:auto}.case-study-page .case-article{grid-column:2}}.case-study-page .case-article .case-title h1{font-family:var(--project-title-font);letter-spacing:normal;margin:0 0 12px;font-size:clamp(48px,5vw,72px);font-weight:400}.case-study-page .case-article .case-title>p:not(.eyebrow){color:#6b6d62;margin-bottom:28px;font-size:22px;line-height:1.45}.case-study-page .case-meta{border:0}.case-study-page .case-meta .eyebrow{letter-spacing:1px;color:var(--muted);font-size:11px;font-weight:500}.case-study-page .case-article .case-meta p{color:var(--ink);margin-top:10px;font-size:16px;font-weight:500;line-height:1.55}.case-study-body.case-editorial{margin-top:36px}.case-meta .case-role-team{color:#85867d;margin-top:4px;font-size:14px;font-weight:400;display:block}.case-editorial .case-section{border-top:0}.case-intro-demos{margin-bottom:72px}.case-editorial .case-section-heading{margin-bottom:var(--case-heading-gap)}.case-editorial .case-section-heading h2.case-kicker{max-width:none;color:var(--accent);letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:20px;margin:0;font-size:12px;font-weight:600;line-height:1.5;display:flex}.case-editorial .case-section-heading h2.case-kicker:after{content:"";border-top:1px solid var(--accent);opacity:.22;flex:1}.case-editorial .case-section-lead{letter-spacing:-.65px;max-width:800px;color:var(--ink);margin:14px 0 0;font-size:clamp(26px,2.4vw,32px);font-weight:450;line-height:1.3}.case-editorial .case-rich-text{color:#4c4d46;max-width:none;font-size:17px;line-height:1.75}.case-editorial .case-rich-text h3{margin:36px 0 var(--case-subheading-gap);font-size:22px;font-weight:500;line-height:1.35}.case-editorial .case-rich-text h4{margin:28px 0 10px}.case-editorial .case-section-content>.case-rich-text:first-child h3{margin-top:0}.case-editorial .case-rich-text p:last-child{margin-bottom:0}.case-legacy-content .case-section-content>.case-rich-text+.case-rich-text{margin-top:20px}.case-legacy-content .case-section-content>.case-rich-text:has(>h3:last-child)+.case-rich-text{margin-top:0}.case-editorial .case-phone-gallery{background:0 0}.case-editorial .case-content-video{background:0 0;padding:0}.case-editorial .case-content-video video{border-radius:12%/5.5%;width:auto;max-width:100%;max-height:460px;display:block}.case-mocky .case-content-video video{border-radius:8px;width:100%;max-height:none}.case-editorial .case-rich-text .case-question{color:var(--ink);letter-spacing:-.5px;font-size:clamp(23px,2.2vw,30px);line-height:1.4}.case-pocket-buddy #motivation .case-question{background:#f4f3f0;border:0;border-radius:8px;padding:32px;font-size:22px;font-weight:450}.case-layout{grid-template-columns:repeat(var(--columns,2), minmax(0, 1fr));align-items:start;gap:24px;min-width:0;margin:26px 0 36px;display:grid}.case-layout>*{min-width:0}.case-layout .case-layout{margin:0}.case-layout-columns{gap:36px}.case-layout-columns.variant-motivation{grid-template-columns:1.2fr .8fr}.case-editorial .case-layout-columns.variant-motivation>.case-figure{justify-self:center;max-width:260px}.case-layout-columns.variant-principles{align-items:center}.case-editorial .case-layout-columns.variant-principles>.case-figure{max-width:380px}.case-layout-columns.variant-iteration{grid-template-columns:190px minmax(0,1fr);align-items:center}.case-layout-columns.variant-direction{align-items:center}.case-layout.variant-social{justify-self:center;gap:12px;max-width:360px}.case-layout-gallery{gap:16px}.case-layout-gallery.variant-motivation-social{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:480px}.variant-motivation-social .case-image>img{aspect-ratio:1;object-fit:cover;object-position:center top}.case-editorial .case-layout .case-figure{width:100%;min-width:0;max-width:100%;margin:0}.case-editorial .case-layout .case-image{background:0 0;border:0;border-radius:0}.case-editorial .case-figure figcaption,.case-layout-caption,.case-autoplay-video figcaption{color:var(--muted);text-align:center;margin:10px 0 0;font-size:12px;line-height:1.5}.case-layout-caption{grid-column:1/-1;margin-top:0}.case-layout-cards>.case-rich-text,.case-layout-stats>.case-rich-text{background:#f4f3f0;border:0;border-radius:12px;height:100%;padding:22px;font-size:15px;line-height:1.7}.case-layout-cards>.case-rich-text h4{margin:0 0 12px;font-size:18px;font-weight:550;line-height:1.4}.case-layout-cards.variant-quotes>.case-rich-text{font-size:17px}.case-editorial .case-stat-value{color:var(--accent);letter-spacing:-1px;white-space:nowrap;font-variant-numeric:tabular-nums;margin:0 0 12px;font-size:40px;font-weight:500;line-height:1.2}.case-layout-callout{background:#f4f3f0;border-radius:8px;padding:32px;display:block}.case-layout-callout .case-rich-text h3{margin-top:0}.case-layout-callout.variant-decision .case-rich-text h3{letter-spacing:-1px;margin-bottom:var(--case-subheading-gap);font-size:clamp(28px,3vw,40px)}.case-layout-stack.variant-opportunity{gap:24px;margin-top:48px}.case-editorial .case-rich-text .case-hmw-heading{color:var(--accent);letter-spacing:1px;align-items:center;gap:10px;margin:0;font-size:14px;font-weight:550;display:flex}.case-hmw-heading:before{content:"";background:currentColor;flex:0 0 24px;width:24px;height:24px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 17v-1.5a6 6 0 1 1 6 0V17M9 20h6M10 23h4M12 1V0M3 4l1.5 1.5M21 4l-1.5 1.5M1 11h2M21 11h2'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 17v-1.5a6 6 0 1 1 6 0V17M9 20h6M10 23h4M12 1V0M3 4l1.5 1.5M21 4l-1.5 1.5M1 11h2M21 11h2'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat}.variant-opportunity .variant-sticky-notes>.case-rich-text{align-items:center;font-size:clamp(14px,1.35vw,18px);line-height:1.55;display:flex}.variant-opportunity .variant-sticky-notes strong{font-weight:550}.case-layout-stack{flex-direction:column;gap:20px;display:flex}.case-layout-stack.variant-research-region{gap:0;margin:0 0 72px}.case-layout-stack.variant-research-region:last-child{margin-bottom:0}.variant-research-region>.case-rich-text:first-child h3{margin:0 0 var(--case-subheading-gap)}.case-layout.variant-research-region>.case-layout{margin-top:24px}.case-layout-cards.variant-sticky-notes{gap:26px}.variant-sticky-notes>.case-rich-text{--note-rotation:-.7deg;--note-delay:0s;aspect-ratio:1;height:auto;min-height:0;transform:rotate(var(--note-rotation));background:#f6f0dc;border-radius:2px;padding:26px 22px;position:relative;box-shadow:0 5px 10px #3e321d0f}.variant-sticky-notes>.case-rich-text:nth-child(2){--note-rotation:.8deg;--note-delay:.12s;background:#f3eade}.variant-sticky-notes>.case-rich-text:nth-child(3){--note-rotation:-.4deg;--note-delay:.24s;background:#ecf0e4}.variant-sticky-notes>.case-rich-text:before{content:"";background:#e1d7be8c;width:52px;height:16px;position:absolute;top:-8px;left:calc(50% - 26px);transform:rotate(-4deg)}@keyframes note-paste{0%{opacity:0;transform:translateY(-20px) rotate(calc(var(--note-rotation) - 3deg)) scale(1.025)}65%{opacity:1;transform:translateY(2px) rotate(var(--note-rotation)) scale(.995)}to{opacity:1;transform:translateY(0) rotate(var(--note-rotation)) scale(1)}}@keyframes note-tape-press{0%{opacity:0;transform:translateY(-4px)rotate(-7deg)scale(1.04)}to{opacity:1;transform:translateY(0)rotate(-4deg)scale(1)}}@media (prefers-reduced-motion:no-preference){.variant-sticky-notes>[data-note-state=waiting]{opacity:0}.variant-sticky-notes>[data-note-state=placed]{animation:note-paste .65s cubic-bezier(.22, 1, .36, 1) var(--note-delay) both}.variant-sticky-notes>[data-note-state=placed]:before{animation:note-tape-press .35s ease-out calc(var(--note-delay) + .3s) both}}.case-layout-methods{isolation:isolate;gap:32px}.case-research-method{min-width:0;position:relative}.case-method-icon{width:46px;height:46px;color:var(--accent);background:#f2e8df;border-radius:50%;justify-content:center;align-items:center;display:flex}.case-method-icon svg{width:24px;height:24px}.method-survey .case-method-icon{color:#62775c;background:#eaf0e9}.method-observation .case-method-icon{color:#7a6a8b;background:#eeebf3}.case-method-title{color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:8px;margin:18px 0 10px;font-size:18px;font-weight:550;line-height:1.4;display:flex}.case-method-title>span{color:var(--accent);font-size:20px;font-weight:600}.case-editorial .case-research-method .case-rich-text{font-size:15px;line-height:1.7}.variant-key-findings .case-stat-value{letter-spacing:-2px;font-size:64px}.case-layout-cards.variant-quotes{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:32px;width:100%;display:grid}.case-layout-cards.variant-quotes>.case-rich-text{background:0 0;border:0;border-left:3px solid #c98e7b;border-radius:0;height:auto;padding:8px 0 8px 18px;font-style:italic;line-height:1.6}.case-layout-stack.variant-ideation-region{gap:0;width:100%;margin:0 0 72px}.case-layout-stack.variant-ideation-region:last-child{margin-bottom:0}.variant-ideation-region>.case-rich-text:first-child h3{margin:0 0 var(--case-subheading-gap)}.variant-ideation-region>.case-layout{margin-top:24px}.case-layout-columns.variant-emotional-intro{grid-template-columns:1fr .9fr;align-items:center;gap:40px;width:100%}.variant-ideation-region>.case-layout.variant-emotional-intro{margin-top:0}.variant-emotional-intro>.case-rich-text{align-self:start;padding-top:16px}.case-emotional-design{justify-self:start;width:100%;max-width:360px;margin:0 0 24px;position:relative}.case-emotional-design>svg{width:100%;height:auto;display:block;overflow:visible}.emotional-region{cursor:pointer;outline:none}.emotional-region>circle{fill-opacity:.7;stroke:#0000;stroke-width:2px;transition:fill-opacity .2s,stroke .2s}.region-visceral>circle{fill:#7dd1e7}.region-behavioral>circle{fill:#f8d77b}.region-reflective>circle{fill:#e7a1dd}.emotional-region>text{fill:#303238;font:20px var(--sans);pointer-events:none}.emotional-region.is-active>circle{fill-opacity:.95;stroke:#665b51}.emotional-region:focus-visible>circle{stroke:var(--ink);stroke-width:3px;stroke-dasharray:5 5}.emotional-delight{pointer-events:none}.emotional-delight>circle{fill:#0000;stroke:#fff;stroke-width:3px}.emotional-delight>text{fill:#fff;font:550 22px var(--sans);paint-order:stroke;stroke:#746674;stroke-width:.5px}.emotional-tooltip{z-index:2;color:#4c4d46;text-align:left;pointer-events:none;background:#fffdf9;border:1px solid #e2dcd2;border-radius:14px;flex-direction:column;gap:6px;width:min(220px,72%);padding:12px 14px;font-size:13px;line-height:1.5;display:flex;position:absolute;box-shadow:0 6px 24px #2f281f1a}.emotional-tooltip:after{content:"";background:#fffdf9;border-top:1px solid #e2dcd2;border-left:1px solid #e2dcd2;width:10px;height:10px;position:absolute;top:-6px;left:28px;transform:rotate(45deg)}.tooltip-visceral{top:0;left:62%}.tooltip-visceral:after{top:65%;left:-6px;transform:rotate(-45deg)}.tooltip-behavioral{width:40%;top:28%;left:0}.tooltip-behavioral:after{top:auto;bottom:-6px;left:24px;transform:rotate(225deg)}.tooltip-reflective{width:200px;top:55%;left:91%}.tooltip-reflective:after{top:30px;left:-6px;transform:rotate(-45deg)}.emotional-tooltip strong{color:var(--accent);font-weight:550}.emotional-hint{color:#77796f;text-align:center;width:100%;margin-top:8px;font-size:12px;position:absolute;top:100%}.case-layout-columns.variant-directions{align-items:stretch;gap:24px;width:100%}.case-layout-stack.variant-direction-option{background:#f7f5f1;border:1px solid #e4dfd6;border-radius:20px;gap:24px;width:100%;padding:24px}.case-layout-stack.variant-direction-option:nth-child(2){background:#f3f5f1}.case-editorial .variant-direction-option>.case-rich-text{font-size:16px}.case-editorial .variant-direction-option>.case-rich-text h4{margin:0 0 8px;font-size:18px;font-weight:550}.case-editorial .variant-direction-option>.case-rich-text h4:not(:first-child){margin-top:24px}.case-editorial .variant-direction-option>.case-rich-text:last-child{font-size:14px;line-height:1.5}.case-editorial .variant-direction-option>.case-rich-text:last-child h4{margin-bottom:6px;font-size:15px}.variant-direction-option>.case-rich-text:last-child ul{margin:0 0 18px;padding-left:18px}.variant-direction-option>.case-rich-text:last-child ul:last-child{margin-bottom:0}.variant-direction-option>.case-rich-text:last-child li{padding-left:2px}.variant-direction-option>.case-rich-text:first-child{min-height:130px}.case-layout-stack.variant-direction-media{justify-content:center;align-items:center;width:100%;height:460px}.variant-direction-media .case-autoplay-video video{max-height:420px}.case-layout-gallery.variant-direction-screens{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:230px}.case-editorial .variant-companionship-decision .case-rich-text p{font-size:22px;font-weight:450;line-height:1.4}@media (prefers-reduced-motion:reduce){.emotional-region>circle{transition:none}}.case-layout-features{gap:48px 36px}.case-layout-features .case-layout-stack{height:100%}.case-layout-features .case-rich-text{min-height:104px}.case-layout-features .case-rich-text h3{margin:0 0 var(--case-subheading-gap);font-size:22px}.case-layout-features .case-autoplay-video{width:100%;margin-top:auto}.case-pocket-buddy #key-features .case-layout-features{gap:24px}.case-pocket-buddy #key-features .case-layout-features>.case-layout-stack{background:#f4f3f0;border:0;border-radius:24px;gap:24px;width:100%;padding:28px}.case-pocket-buddy #key-features .case-layout-features>.case-layout-stack:first-child{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:24px;padding:32px 140px 32px 40px;display:grid}.case-pocket-buddy #key-features .case-layout-features>.case-layout-stack:first-child .case-rich-text{min-height:0}.case-pocket-buddy #key-features .case-autoplay-video video{filter:var(--case-demo-shadow)}.case-pocket-buddy .variant-pocket-ar-media{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:16px;margin-top:auto}.case-pocket-buddy .variant-pocket-ar-media .case-autoplay-video{margin:0}.case-pocket-buddy .variant-pocket-ar-media>.case-layout-stack{gap:12px;height:auto}.case-pocket-buddy .variant-pocket-ar-media .case-figure{margin:0}.case-pocket-buddy .variant-pocket-ar-media .case-image{border-radius:10px;box-shadow:0 4px 14px #27272212}.case-autoplay-video{background:0 0;justify-items:center;gap:8px;width:100%;min-width:0;margin:0;display:grid}.case-autoplay-video video{object-fit:contain;background:0 0;border:0;border-radius:12%/5.5%;width:auto;max-width:100%;height:auto;max-height:400px;margin:0 auto;display:block;overflow:hidden}.case-layout.variant-demos{gap:44px;max-width:560px;margin-inline:auto}.variant-demos .case-autoplay-video video{max-height:460px}.case-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.case-has-demo-hero .case-sidebar-intro>p{color:#77796f}.case-has-demo-hero .case-meta{padding-top:12px}.case-has-demo-hero .case-study-body{margin-top:64px}.case-demo-hero{isolation:isolate;background:var(--case-demo-background);border:0;border-radius:28px;margin:0 0 12px;padding:48px 40px;position:relative;overflow:hidden}.case-demo-hero:before,.variant-final-showcase:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 48% 38%,#fff9 0%,#0000 68%);position:absolute;inset:0}.case-demo-hero .case-layout.variant-demos{align-items:center;gap:44px;width:100%;max-width:470px;margin:0 auto}.case-demo-hero .case-autoplay-video video{max-height:420px;filter:var(--case-demo-shadow)}.variant-direction .case-autoplay-video video{max-height:300px}.case-layout-features .case-autoplay-video video{max-width:200px;max-height:320px}.case-layout-gallery.variant-phones{max-width:800px;margin-inline:auto}.case-pocket-buddy #design-iteration{--iteration-screen-height:240px;--iteration-video-height:280px}.case-layout-stack.variant-iteration-region{gap:24px;width:100%;margin:40px 0 64px}.case-layout-stack.variant-iteration-region:last-child{margin-bottom:0}.case-editorial .variant-iteration-region>.case-rich-text h3{margin:0 0 var(--case-subheading-gap)}.case-editorial .variant-iteration-region>.case-rich-text h4{margin:0 0 8px;font-size:16px}.variant-iteration-region>.case-rich-text ul{margin:0}.case-layout-callout.variant-design-response{background:#f4f3f0;width:100%;padding:24px}.case-editorial .variant-design-response .case-rich-text h4,.case-editorial .variant-design-response-grid>.case-rich-text h4{color:var(--accent);letter-spacing:normal;text-transform:none;margin:0 0 8px;font-size:16px;font-weight:550}.case-layout-stack.variant-design-response-grid{background:#f4f3f0;border-radius:8px;gap:14px;width:100%;padding:24px}.case-layout-cards.variant-response-actions{gap:16px;width:100%}.case-editorial .variant-response-actions>.case-rich-text{background:0 0;border:1px solid #d8d4cb;border-radius:10px;padding:18px 20px;font-size:16px;line-height:1.6}.case-editorial .variant-response-actions>.case-rich-text h4{margin:0 0 10px;font-size:18px;font-weight:550}.case-pocket-buddy #design-iteration .variant-iteration{align-items:center;gap:24px;width:100%;padding:8px 0;display:flex;overflow-x:auto}.case-pocket-buddy #design-iteration .variant-iteration>.case-autoplay-video{flex:0 0 calc(var(--iteration-video-height) * .46);width:auto}.case-pocket-buddy #design-iteration .variant-iteration video{height:var(--iteration-video-height);width:auto;max-width:100%;max-height:none}.case-pocket-buddy #design-iteration .variant-phones{flex:none;gap:16px;width:max-content;max-width:none;margin:0;display:flex}.case-pocket-buddy #design-iteration .variant-phones>.case-figure{flex:0 0 calc(var(--iteration-screen-height) * .46);width:calc(var(--iteration-screen-height) * .46)}.case-pocket-buddy #design-iteration .variant-phones .case-image{border-radius:12%/5.5%;overflow:hidden}.case-pocket-buddy #design-iteration .variant-phones img{width:100%;height:var(--iteration-screen-height);object-fit:contain;border-radius:12%/5.5%;display:block}.case-layout-stack.variant-final-showcase{isolation:isolate;background:var(--case-demo-background);border-radius:24px;gap:28px;width:100%;margin:40px 0 0;padding:36px;scroll-margin-top:16px;position:relative;overflow:hidden}.case-editorial .variant-final-showcase>.case-rich-text{width:100%;max-width:none}.case-editorial .variant-final-showcase>.case-rich-text h3{margin:0 0 var(--case-subheading-gap)}.case-pocket-buddy #design-iteration .variant-final-screens{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:100%;max-width:620px;margin-inline:auto}.case-pocket-buddy #design-iteration .variant-final-screens .case-image{border-radius:12%/5.5%;overflow:hidden}.case-pocket-buddy #design-iteration .variant-final-screens img{border-radius:12%/5.5%;width:100%;height:auto;display:block}.variant-final-screens .case-image,.variant-final-screens .case-autoplay-video video{filter:var(--case-demo-shadow)}.case-pocket-buddy #design-iteration .variant-final-screens video{width:100%;height:auto;max-height:none}.case-layout-gallery.variant-showcase{gap:16px}.case-layout-gallery.variant-showcase .case-image{border-radius:12px}.case-layout-gallery.variant-showcase .case-image>img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.case-layout-gallery.variant-showcase>.case-autoplay-video{width:100%;margin:0;display:block}.case-layout-gallery.variant-showcase .case-autoplay-video video{aspect-ratio:3/4;object-fit:cover;border-radius:12px;width:100%;height:auto;max-height:none}.case-more-projects{border-top:1px solid var(--line);padding:40px 0 32px}.case-view-all-projects{width:fit-content;min-height:44px;color:var(--ink);background:#fff;border:1px solid #c8c6bd;border-radius:999px;justify-content:center;align-items:center;margin:0 auto;padding:12px 18px;font-size:14px;transition:color .2s,border-color .2s;display:flex}:is(.case-view-all-projects:hover,.case-view-all-projects:focus-visible){color:var(--accent);border-color:var(--accent)}.case-more-projects+.site-footer.is-connect{margin-top:40px}.case-study-page .site-footer.is-compact{border-top:0;padding:0 0 32px}.case-back-to-top{right:clamp(18px,3vw,40px);bottom:calc(24px + env(safe-area-inset-bottom));z-index:60;background:var(--accent);color:#fff;opacity:0;visibility:hidden;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:opacity .28s,visibility 0s linear .28s,transform .2s;display:flex;position:fixed;box-shadow:0 6px 18px #6d362329}.case-back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.case-back-to-top svg{width:24px;height:24px}.case-back-to-top:hover{transform:translateY(-3px)}.case-back-to-top:focus-visible{outline-offset:4px}@media (max-width:700px){.case-study-shell{padding-bottom:48px}.case-more-projects{padding-top:32px}.case-view-all-projects{min-height:40px;padding:10px 12px;font-size:12px}.case-study-page .site-footer.is-compact{padding-bottom:88px}}@media (prefers-reduced-motion:reduce){.case-back-to-top,.case-view-all-projects{transition:none}}@media (max-width:960px){.case-sidebar-intro.case-mobile-intro{margin:12px 0 30px;display:block}.case-sidebar{display:none}.case-mobile-intro .case-sidebar-name{letter-spacing:-1.4px;margin:0;padding:0;font-size:clamp(36px,7vw,48px);font-weight:450;line-height:1.1}.case-mobile-intro>p{max-width:560px;margin:8px 0 0;font-size:18px;line-height:1.5}.case-mobile-intro .case-sidebar-tags{margin-top:20px;font-size:13px}.case-article>.case-title>h1,.case-article>.case-title>p,.case-has-demo-hero .case-article>.case-visually-hidden{display:none}}@media (max-width:700px){.case-pocket-buddy #design-iteration{--iteration-screen-height:200px;--iteration-video-height:240px}.case-layout-stack.variant-final-showcase{border-radius:20px;padding:26px 18px}.case-pocket-buddy #design-iteration .variant-final-screens{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;max-width:300px}.case-study-page{--case-heading-gap:36px}.case-layout-stack.variant-research-region,.case-layout-stack.variant-ideation-region{margin-bottom:56px}.case-layout-stack.variant-ideation-region:last-child{margin-bottom:0}.case-layout-columns.variant-emotional-intro{grid-template-columns:1fr;gap:24px}.case-emotional-design{justify-self:center}.variant-emotional-intro>.case-rich-text{padding-top:0}.tooltip-visceral{width:40%;left:auto;right:0}.tooltip-reflective{width:40%;top:20%;left:auto;right:0}.tooltip-reflective:after{inset:auto 24px -6px auto;transform:rotate(225deg)}.case-layout-columns.variant-directions{grid-template-columns:1fr;gap:48px}.case-layout-stack.variant-direction-option{padding:22px}.variant-direction-option>.case-rich-text:first-child{min-height:0}.case-layout-stack.variant-direction-media{height:auto}.case-editorial .variant-companionship-decision .case-rich-text p{font-size:20px}.case-layout-cards.variant-sticky-notes{justify-items:center;width:100%}.variant-sticky-notes>.case-rich-text{width:min(230px,100%)}.variant-opportunity .variant-sticky-notes>.case-rich-text{font-size:16px}.case-layout-methods{grid-template-columns:1fr;gap:30px}.case-research-method{grid-template-columns:46px minmax(0,1fr);gap:8px 18px;display:grid}.case-method-icon{grid-row:1/3}.case-method-title{margin:6px 0 0}.case-research-method .case-rich-text{grid-column:2}.case-layout-stats.variant-key-findings{grid-template-columns:1fr;gap:16px}.case-layout-stats.variant-key-findings>.case-rich-text{grid-template-columns:110px minmax(0,1fr);align-items:center;gap:16px;padding:20px;font-size:15px;display:grid}.case-editorial .variant-key-findings .case-stat-value{margin:0;font-size:48px}.case-layout-cards.variant-quotes{grid-template-columns:1fr;gap:24px}.case-pocket-buddy #motivation .case-question{padding:24px;font-size:20px}.case-demo-hero{border-radius:20px;margin-bottom:12px;padding:28px 20px}.case-has-demo-hero .case-study-body{margin-top:56px}.case-demo-hero .case-layout.variant-demos{gap:20px}.case-demo-hero .case-autoplay-video video{max-height:340px}.case-study-page .case-article .case-title h1{font-size:48px}.case-study-page .case-article .case-title>p:not(.eyebrow){font-size:19px}.case-study-page .case-meta{grid-template-columns:1fr;gap:20px}.case-study-page .case-article .case-meta p{font-size:16px}.case-sidebar-compact .case-section-nav a{padding:9px 0 9px 14px;font-size:13px}.case-layout-columns,.case-layout-columns.variant-motivation,.case-layout-columns.variant-iteration,.case-layout-cards,.case-layout-features{grid-template-columns:1fr;gap:24px}.case-layout-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.case-layout-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.case-layout-stats>.case-rich-text{padding:12px;font-size:12px}.case-editorial .case-stat-value{font-size:30px}.case-layout-callout{padding:24px}.case-editorial .case-rich-text{font-size:16px}.case-editorial .case-rich-text h3{font-size:20px}.case-layout-features .case-rich-text{min-height:0}.case-pocket-buddy #key-features .case-layout-features>.case-layout-stack{border-radius:20px;padding:24px}.case-pocket-buddy #key-features .case-layout-features>.case-layout-stack:first-child{grid-template-columns:1fr;gap:24px;padding:24px}.case-layout.variant-demos{gap:24px}.variant-demos .case-autoplay-video video{max-height:340px}.case-layout-features .case-autoplay-video video{max-height:300px}}.case-mocky .case-layout{width:100%}.case-mocky .case-demo-hero{background:0 0;border-radius:0;padding:0;overflow:visible}.case-mocky .case-demo-hero:before{display:none}.case-mocky .case-autoplay-video video{width:100%;max-height:none;filter:var(--case-demo-shadow);border-radius:12px}.case-mocky .case-demo-hero .case-autoplay-video video{filter:none;box-shadow:0 8px 24px #27272214}.case-mocky .case-layout .case-figure .case-image{border-radius:12px;overflow:hidden}.case-mocky .variant-mocky-prompt{text-align:center;align-items:center;gap:16px}.case-mocky .variant-mocky-prompt .case-image img{object-fit:contain;width:100%;height:120px}.case-mocky .variant-mocky-prompt .case-rich-text{font-size:15px;line-height:1.6}.case-mocky .variant-mocky-directions{margin-bottom:64px}.case-mocky .variant-mocky-sketches .case-image{aspect-ratio:4/3;background:#f4f3f0}.case-mocky .variant-mocky-sketches .case-image img{object-fit:contain;width:100%;height:100%}.case-mocky .variant-mocky-feature{background:#f4f3f0;border-radius:24px;gap:24px;padding:28px}.case-mocky .variant-mocky-feature .case-image{filter:var(--case-demo-shadow)}.case-mocky .variant-mocky-demos{gap:24px;margin-top:40px}.case-mocky .variant-mocky-demo{background:#f4f3f0;border-radius:24px;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);align-items:center;gap:28px;padding:28px;display:grid}.case-mocky .variant-mocky-demo .case-rich-text h3{margin:0 0 var(--case-subheading-gap)}.case-mocky .variant-mocky-demo .case-rich-text{font-size:15px}.case-mocky .variant-mocky-demo ul{margin:0;padding-left:18px}.case-mocky .variant-final-showcase .case-image{filter:var(--case-demo-shadow)}.case-mocky .variant-mocky-next{grid-template-columns:minmax(0,1fr) 160px;align-items:center}.case-mocky .variant-mocky-next>.case-figure{justify-self:center;max-width:160px}.case-mocky .variant-mocky-next .case-rich-text h3{margin-top:0}.case-restyle .case-layout{width:100%}.case-restyle .case-layout.variant-restyle-demos{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:30px;width:100%;max-width:570px;margin:0 auto}.case-restyle .variant-restyle-demos .case-figure .case-image,.case-restyle .variant-restyle-feature-screens .case-figure .case-image,.case-restyle .variant-restyle-screen-grid .case-figure .case-image{filter:var(--case-demo-shadow);border-radius:12%/5.5%;overflow:hidden}.case-restyle .variant-restyle-demos img,.case-restyle .variant-restyle-feature-screens img,.case-restyle .variant-restyle-screen-grid img{width:100%;height:auto;display:block}.case-restyle .variant-restyle-demos .case-autoplay-video video{width:100%;max-height:none;filter:var(--case-demo-shadow);border-radius:12%/5.5%}.case-restyle #final-design .variant-restyle-demos{background:var(--case-demo-background);border-radius:24px;max-width:none;margin-top:40px;padding:36px max(24px,50% - 285px)}.case-restyle #final-design .case-layout.variant-phone-hero{background:var(--case-demo-background);border-radius:28px;max-width:none;margin-top:40px;padding:48px max(40px,50% - 340px)}.case-restyle #final-design .case-section-lead{max-width:none}.case-restyle .case-layout.variant-restyle-final-details{gap:0;margin:72px 0 0}.case-restyle .variant-restyle-competitors{align-items:stretch;gap:24px}.case-restyle .variant-restyle-competitor{background:#f4f3f0;border-radius:20px;gap:24px;height:100%;padding:24px}.case-restyle .variant-restyle-competitor .case-rich-text{font-size:15px;line-height:1.7}.case-restyle .variant-restyle-competitor .case-rich-text h4{margin:0 0 8px;font-size:18px;font-weight:550}.case-restyle .variant-restyle-competitor .case-rich-text:first-child{min-height:112px}.case-restyle .variant-restyle-competitor .case-image{border-radius:12px}.case-restyle .variant-restyle-analysis,.case-restyle .variant-restyle-flow,.case-restyle .variant-restyle-design-system{padding-bottom:8px;overflow-x:auto}.case-restyle .variant-restyle-analysis>.case-rich-text{width:100%}.case-restyle .variant-restyle-analysis .case-competitor-table{table-layout:fixed;border-collapse:separate;border-spacing:0;border:1px solid #e4dfd6;border-radius:12px;width:100%;min-width:760px;font-size:14px;line-height:1.5;display:table;overflow:hidden}.case-restyle .case-competitor-table th,.case-restyle .case-competitor-table td{text-align:center;vertical-align:middle;background:#fff;border:0;border-bottom:1px solid #e9e6df;min-width:0;padding:18px 14px}.case-restyle .case-competitor-table thead th{color:var(--ink);background:#f4f3f0;font-weight:550}.case-restyle .case-competitor-table th:first-child{text-align:left;width:28%}.case-restyle .case-competitor-table tbody th{color:#4c4d46;font-weight:500}.case-restyle .case-competitor-table tbody tr:last-child>*{border-bottom:0}.case-comparison-status{font-size:19px;line-height:1;display:inline-block}.case-comparison-status.is-available{color:#607a59;font-weight:600}.case-comparison-status.is-unavailable{color:#b3b2aa;font-weight:400}.case-restyle .variant-restyle-flow>.case-figure{min-width:760px}.case-restyle .variant-restyle-flow{background:#f4f3f0;border-radius:20px;padding:24px}.case-restyle .case-layout.variant-restyle-design-system{background:#f4f3f0;border-radius:20px;max-width:none;margin-inline:auto;padding:24px}.case-restyle .variant-restyle-design-system>.case-figure{align-self:center;min-width:0;max-width:712px}.case-restyle .variant-restyle-flow .case-image,.case-restyle .variant-restyle-design-system .case-image,.case-restyle .variant-restyle-analysis .case-image{border-radius:12px}.case-restyle .variant-restyle-insight .case-rich-text p{font-size:22px;font-weight:450;line-height:1.5}.case-restyle .variant-restyle-insight .case-rich-text p+p{font-size:16px}.case-restyle .variant-restyle-insight .case-rich-text h4{color:var(--accent);text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:550}.case-restyle .variant-restyle-strategies{align-items:stretch}.case-restyle .variant-restyle-strategies .case-rich-text{font-size:15px}.case-restyle .variant-restyle-strategies>.case-rich-text:first-child{--strategy-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m13 2-9 12h7l-1 8 10-12h-7l1-8Z'/%3E%3C/svg%3E")}.case-restyle .variant-restyle-strategies>.case-rich-text:nth-child(2){--strategy-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 7v5h-5M4 17v-5h5M6 8a7 7 0 0 1 12-3l2 2M4 17l2 2a7 7 0 0 0 12-3'/%3E%3C/svg%3E")}.case-restyle .variant-restyle-strategies>.case-rich-text:nth-child(3){--strategy-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m16 8-2.5 5.5L8 16l2.5-5.5L16 8Z'/%3E%3C/svg%3E")}.case-restyle .variant-restyle-strategies h4{align-items:flex-start;gap:10px;display:flex}.case-restyle .variant-restyle-strategies h4:before{content:"";background:var(--accent);width:22px;height:22px;-webkit-mask:var(--strategy-icon) center / contain no-repeat;mask:var(--strategy-icon) center / contain no-repeat;-webkit-mask:var(--strategy-icon) center / contain no-repeat;flex:0 0 22px;margin-top:1px}.case-restyle .variant-restyle-strategies ul{color:#77796f;margin:20px 0 0;padding-left:18px;font-size:13px}.case-restyle .variant-restyle-feature,.case-restyle .variant-restyle-feature-wide{background:#f4f3f0;border-radius:24px;gap:32px;margin:0 0 32px;padding:32px}.case-restyle .variant-restyle-feature{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}.case-restyle .variant-restyle-feature .case-rich-text,.case-restyle .variant-restyle-feature-wide .case-rich-text{font-size:16px}.case-restyle .variant-restyle-feature .case-rich-text h3,.case-restyle .variant-restyle-feature-wide .case-rich-text h3{margin:0 0 var(--case-subheading-gap);font-size:26px}.case-restyle .variant-restyle-feature .case-rich-text .case-feature-summary,.case-restyle .variant-restyle-feature-wide .case-rich-text .case-feature-summary{margin-bottom:8px}.case-restyle .variant-restyle-feature .case-rich-text h4,.case-restyle .variant-restyle-feature-wide .case-rich-text h4{text-transform:uppercase;color:var(--accent);letter-spacing:.5px;margin:24px 0 8px;font-size:12px;font-weight:500}.case-restyle .variant-restyle-feature-wide>.case-rich-text{max-width:760px}.case-restyle .variant-restyle-screen-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:28px 24px;padding:12px 4px 24px;display:grid}.case-restyle .variant-restyle-feature-wide .variant-restyle-screen-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:660px;margin-inline:auto}.case-restyle .variant-restyle-screen-grid>.case-figure{justify-self:center;width:100%;max-width:180px}.case-restyle .variant-restyle-feature-screens{align-items:center;gap:20px;max-width:380px;margin-inline:auto}.case-restyle .variant-restyle-feature-screens>.case-figure{justify-self:center;max-width:180px}.case-restyle #features>.case-section-content>.case-layout:last-child{margin-bottom:0}@media (max-width:700px){.case-restyle #final-design .variant-restyle-demos{border-radius:20px;padding:28px 20px}.case-restyle .case-layout.variant-restyle-demos{gap:16px}.case-restyle .variant-restyle-feature,.case-restyle .variant-restyle-feature-wide{border-radius:20px;grid-template-columns:1fr;gap:24px;padding:24px}.case-restyle .variant-restyle-feature .case-rich-text h3,.case-restyle .variant-restyle-feature-wide .case-rich-text h3{font-size:23px}.case-restyle .variant-restyle-screen-grid,.case-restyle .variant-restyle-feature-wide .variant-restyle-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.case-restyle .variant-restyle-feature-screens{gap:16px}.case-restyle .variant-restyle-insight .case-rich-text p{font-size:20px}.case-restyle .variant-restyle-competitor .case-rich-text:first-child{min-height:0}}.case-betterhelp .case-layout,.case-betterhelp .case-layout-stack>.case-rich-text{width:100%}.case-betterhelp .case-layout.variant-betterhelp-interviews{margin:0 0 72px}.case-betterhelp #research .case-section-lead{max-width:none}@media (min-width:701px){.case-betterhelp #research .case-section-lead{white-space:nowrap;font-size:clamp(20px,2.15vw,32px)}}.case-betterhelp .case-layout.variant-betterhelp-cover-screens{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:24px;max-width:740px;margin:0 auto}.case-betterhelp .case-demo-hero .variant-betterhelp-cover-screens .case-figure .case-image{box-shadow:none;filter:var(--case-demo-shadow);background:0 0;border:0;border-radius:0;overflow:visible}.case-betterhelp .variant-betterhelp-cover-screens img{width:100%;height:auto;display:block}.case-betterhelp .case-layout.variant-betterhelp-demos{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:30px;max-width:570px;margin:0 auto}.case-betterhelp .variant-betterhelp-demos .case-figure .case-image{filter:var(--case-demo-shadow);border-radius:12%/5.5%;overflow:hidden}.case-betterhelp .variant-betterhelp-demos img{width:100%;height:auto;display:block}.case-betterhelp .variant-betterhelp-demos .case-autoplay-video video{width:100%;max-height:none;filter:var(--case-demo-shadow);border-radius:12%/5.5%}.case-betterhelp #final-design .variant-betterhelp-demos{background:var(--case-demo-background);border-radius:24px;max-width:none;margin:40px 0 72px;padding:36px max(24px,50% - 285px)}.case-betterhelp .variant-betterhelp-diagram,.case-betterhelp .variant-betterhelp-evidence{background:#f4f3f0;border-radius:20px;gap:24px;padding:24px;overflow-x:auto}.case-betterhelp .variant-betterhelp-diagram>.case-figure,.case-betterhelp .variant-betterhelp-evidence>.case-figure{min-width:760px}.case-betterhelp .case-layout .case-figure .case-image{border-radius:10px}.case-betterhelp .variant-betterhelp-flow-facts{align-items:stretch}.case-betterhelp .variant-betterhelp-flow-facts h4{margin:0 0 12px;font-size:18px;font-weight:550}.case-betterhelp .variant-betterhelp-insight .case-rich-text p{font-size:22px;font-weight:450;line-height:1.5}.case-betterhelp .case-layout.variant-betterhelp-observations{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px;margin-bottom:24px}.case-betterhelp .variant-betterhelp-observations>.case-rich-text{padding:20px;font-size:14px;line-height:1.6}.case-betterhelp .variant-betterhelp-observations h4{color:var(--accent);margin:0 0 10px;font-size:16px;font-weight:550;line-height:1.4}.case-betterhelp .variant-betterhelp-key-insights{align-items:stretch;gap:16px}.case-betterhelp .variant-betterhelp-key-insights>.case-rich-text{padding:20px;font-size:14px;line-height:1.6}.case-betterhelp .variant-betterhelp-key-insights h4{color:var(--accent);margin:0 0 10px;font-size:16px;font-weight:550;line-height:1.4}.case-betterhelp .case-layout.variant-betterhelp-archetype{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:28px}.case-betterhelp .variant-betterhelp-archetype>.case-figure{margin:0}.case-betterhelp .case-layout.variant-betterhelp-user-stories{grid-template-columns:1fr;align-items:stretch;gap:20px}.case-betterhelp .variant-betterhelp-user-stories h4{color:var(--accent);letter-spacing:.5px;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:550}.case-betterhelp .variant-betterhelp-competitors{align-items:stretch;gap:24px}.case-betterhelp .variant-betterhelp-competitor{background:#f4f3f0;border-radius:20px;gap:20px;height:100%;padding:24px}.case-betterhelp .variant-betterhelp-competitor .case-figure{width:72px;height:72px;margin:0}.case-betterhelp .variant-betterhelp-competitor .case-image img{object-fit:contain;width:72px;height:72px}.case-betterhelp .variant-betterhelp-competitor .case-rich-text{font-size:15px}.case-betterhelp .variant-betterhelp-competitor .case-rich-text h4{margin:0 0 12px;font-size:18px;font-weight:550}.case-betterhelp .variant-betterhelp-screens,.case-betterhelp .variant-betterhelp-key-screens{background:#f4f3f0;border-radius:20px;gap:24px;padding:24px}.case-betterhelp .variant-betterhelp-screens .case-image{filter:drop-shadow(0 8px 12px #27272212)}.case-betterhelp .variant-betterhelp-key-screens{margin-bottom:0}.case-betterhelp .variant-betterhelp-style-tile{background:0 0;padding:0}.case-betterhelp .variant-betterhelp-style-tile>.case-figure{align-self:center;max-width:760px}.case-betterhelp .variant-feedback-pair ul{margin:0;padding-left:18px}.case-betterhelp .case-content-embed{aspect-ratio:auto;background:#f4f3f0;border:1px solid #e4dfd6;border-radius:20px;height:680px}.case-betterhelp #final-testing-feedback{scroll-margin-top:96px}.case-betterhelp .variant-betterhelp-next{grid-template-columns:minmax(0,1fr) minmax(240px,34%);align-items:center}.case-betterhelp .variant-betterhelp-next>.case-figure{justify-self:center;width:100%;max-width:320px}@media (max-width:1000px){.case-betterhelp .case-layout.variant-betterhelp-archetype,.case-betterhelp .variant-betterhelp-competitors{grid-template-columns:1fr}}@media (max-width:700px){.case-betterhelp .case-layout.variant-betterhelp-observations{grid-template-columns:repeat(2,minmax(0,1fr))}.case-betterhelp .variant-betterhelp-observations>.case-rich-text{padding:16px;font-size:14px}.case-betterhelp .case-layout.variant-betterhelp-interviews{margin-bottom:56px}.case-betterhelp .case-layout.variant-betterhelp-cover-screens{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;max-width:340px}.case-betterhelp .case-layout.variant-betterhelp-demos{gap:16px}.case-betterhelp #final-design .variant-betterhelp-demos{border-radius:20px;margin-bottom:56px;padding:28px 20px}.case-betterhelp .variant-betterhelp-screens{grid-template-columns:1fr}.case-betterhelp .variant-betterhelp-diagram,.case-betterhelp .variant-betterhelp-evidence,.case-betterhelp .variant-betterhelp-screens,.case-betterhelp .variant-betterhelp-key-screens{padding:20px}.case-betterhelp .variant-betterhelp-flow-facts{grid-template-columns:1fr;gap:16px}.case-betterhelp .variant-betterhelp-flow-facts>.case-rich-text{padding:22px;font-size:15px}.case-betterhelp .variant-betterhelp-insight .case-rich-text p{font-size:20px}.case-betterhelp .variant-betterhelp-next{grid-template-columns:1fr}.case-betterhelp .variant-betterhelp-next>.case-figure{max-width:240px}.case-betterhelp .case-content-embed{height:540px}}.case-macbook{width:100%;margin:12px 0 40px;padding:0 2%}.case-macbook-screen{background:#252629;border:1px solid #626368;border-radius:15px 15px 4px 4px;padding:10px 7px 12px;position:relative;box-shadow:0 12px 24px #27272212}.case-macbook-camera{background:#555962;border-radius:50%;width:3px;height:3px;position:absolute;top:3px;left:calc(50% - 1.5px)}.case-mocky .case-macbook .case-autoplay-video video{filter:none;width:100%;box-shadow:none;border-radius:6px;display:block}.case-macbook-base{background:linear-gradient(#e3e4e6 0%,#c4c6c9 38%,#a6a8ac 75%,#c8c9cc 100%);border-radius:2px 2px 45% 45%/2px 2px 12px 12px;width:104%;height:16px;margin-left:-2%;position:relative;box-shadow:0 9px 16px #27272214}.case-macbook-base:before{content:"";background:#a7a9ae;border-radius:0 0 7px 7px;width:16%;height:5px;position:absolute;top:0;left:42%}@media (max-width:700px){.case-macbook-screen{border-radius:9px 9px 3px 3px;padding:7px 4px 8px}.case-macbook-camera{width:2px;height:2px;top:2px}.case-macbook-base{height:10px}.case-macbook-base:before{height:3px}.case-mocky .case-macbook .case-autoplay-video video{border-radius:3px}}@media (max-width:900px){.case-mocky .case-layout.variant-mocky-directions{grid-template-columns:1fr}.case-mocky .variant-direction-option>.case-figure{align-self:center;max-width:300px}}.case-mocky .variant-usability-test{background:#fff;border:0;border-radius:24px;gap:0;margin:0 0 72px;padding:0}.case-mocky .variant-usability-test>.case-rich-text h3{margin:0 0 var(--case-subheading-gap)}.case-mocky .variant-usability-test>.case-layout{margin:24px 0 0}.case-mocky .case-layout.variant-testing-options{align-items:stretch;gap:16px}.case-mocky .variant-testing-option,.case-mocky .variant-testing-option-selected{border:1px solid #e4dfd6;border-radius:16px;gap:16px;height:100%;padding:18px;position:relative}.case-mocky .variant-testing-option-selected{border:2px solid var(--accent);padding:17px}.case-mocky .variant-testing-option-selected:after{content:"✓";border:1.5px solid var(--accent);width:20px;height:20px;color:var(--accent);border-radius:50%;place-items:center;font-size:13px;line-height:1;display:grid;position:absolute;top:17px;right:17px}.case-mocky .variant-testing-options .case-option-number,.case-mocky .variant-testing-options .case-option-status{letter-spacing:.6px;color:#8b8981;margin:0;font-size:11px;font-weight:500}.case-mocky .variant-testing-option-selected .case-option-number,.case-mocky .variant-testing-options .case-option-status{color:var(--accent)}.case-mocky .variant-testing-options .case-rich-text h4{margin:0 0 12px;font-size:16px;font-weight:500}.case-mocky .variant-testing-options .case-figure .case-image{background:#f4f3f0;border-radius:10px}.case-mocky .variant-testing-options .case-image img{aspect-ratio:3/2;object-fit:contain;width:100%}.case-mocky #answer-history-options .case-image img{aspect-ratio:1713/1908}.case-mocky #usability-testing .variant-usability-test:last-child{margin-bottom:0}.case-comparison{width:100%;min-width:0;margin:0}.case-comparison-stage{isolation:isolate;background:#fff;border:1px solid #e4dfd6;border-radius:16px;width:100%;position:relative;overflow:hidden}.case-comparison-image{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.case-comparison-before{z-index:1}.case-comparison-label{z-index:2;color:#fff;pointer-events:none;background:#44443bd6;border-radius:999px;padding:7px 12px;font-size:12px;line-height:1.3;position:absolute;top:16px}.case-comparison-label.is-before{left:16px}.case-comparison-label.is-after{right:16px}.case-comparison-divider{top:0;bottom:0;left:var(--comparison-position);z-index:3;pointer-events:none;background:#77796f99;width:2px;position:absolute;transform:translate(-50%)}.case-comparison-handle{color:#53564ecc;-webkit-backdrop-filter:blur(4px);background:#ffffff8c;border:1px solid #ffffffa6;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 12px #27272212}.case-comparison-handle svg{width:24px;height:24px}.case-comparison-stage input{z-index:4;opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.case-comparison-stage:hover .case-comparison-handle{color:#44483f;background:#e5e7e0c7;border-color:#adb3a4b3}.case-comparison-stage:has(input:focus-visible) .case-comparison-handle{outline-offset:3px;outline:2px solid #77796f}@keyframes comparison-nudge{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(calc(-50% - 5px),-50%)}65%{transform:translate(calc(5px - 50%),-50%)}}@media (prefers-reduced-motion:no-preference){.case-comparison.is-hinting .case-comparison-handle{animation:1.4s ease-in-out .3s 2 comparison-nudge}}.case-mocky .case-layout.variant-feedback-mapping{gap:20px}:is(.case-mocky,.case-betterhelp) .case-layout.variant-feedback-pair{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:stretch;gap:16px}:is(.case-mocky,.case-betterhelp) .variant-feedback-pair>.case-rich-text{font-size:16px}:is(.case-mocky,.case-betterhelp) .variant-feedback-pair>.case-rich-text:first-child{background:#fff;border:1px solid #e4dfd6;border-radius:10px;padding:20px}:is(.case-mocky,.case-betterhelp) .variant-feedback-pair>.case-rich-text:last-child{background:#f4f3f0;border-radius:10px;padding:20px}.case-feedback-arrow{color:#999a91;align-self:center;width:24px;height:24px}:is(.case-mocky,.case-betterhelp) .variant-feedback-pair .case-feedback-label,:is(.case-mocky,.case-betterhelp) .variant-feedback-pair .case-response-label{letter-spacing:.6px;margin:0 0 10px;font-size:11px;font-weight:550}:is(.case-mocky,.case-betterhelp) .variant-feedback-pair .case-feedback-label{color:#8b8981}:is(.case-mocky,.case-betterhelp) .variant-feedback-pair .case-response-label{color:var(--accent)}:is(.case-mocky,.case-betterhelp) .variant-feedback-pair blockquote{background:0 0;border-left:3px solid #c98e7b;margin:0;padding:0 0 0 16px;font-family:inherit;font-size:16px;line-height:1.7}@media (max-width:700px){.case-mocky .variant-usability-test{border-radius:20px;margin-bottom:56px;padding:0}.case-mocky .case-layout.variant-testing-options{grid-template-columns:1fr}:is(.case-mocky,.case-betterhelp) .case-layout.variant-feedback-pair{grid-template-columns:1fr;gap:12px}.case-feedback-arrow{justify-self:center;transform:rotate(90deg)}.case-mocky .variant-mocky-next{grid-template-columns:1fr;gap:24px}.case-mocky .variant-mocky-next>.case-figure{max-width:120px}.case-comparison-label{padding:5px 9px;font-size:11px;top:10px}.case-comparison-label.is-before{left:10px}.case-comparison-label.is-after{right:10px}.case-comparison-handle{width:36px;height:36px}}.case-mocky #features .variant-sticky-notes>.case-rich-text{padding:24px 20px;font-size:14px;line-height:1.6}.case-mocky #features .variant-sticky-notes h4{font-size:18px}.case-mocky #features .variant-sticky-notes>.case-rich-text:nth-child(4){--note-rotation:.6deg;--note-delay:.36s;background:#e8edf0}@media (min-width:701px) and (max-width:1300px){.case-mocky #features .variant-sticky-notes{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px;margin-inline:auto}}.case-editorial .case-stat-secondary .case-stat-value{color:#647f78}.case-flip-note{--note-color:#f6efcf;aspect-ratio:1;perspective:1100px;isolation:isolate;width:100%;position:relative}.case-flip-note:nth-child(2){--note-color:#f1e8dd}.case-flip-note:nth-child(3){--note-color:#e9eee1}.case-flip-note:before{content:"";z-index:2;pointer-events:none;background:#e8dfca99;width:60px;height:20px;position:absolute;top:-9px;left:calc(50% - 30px);transform:rotate(-3deg)}.case-flip-note-inner{transform-style:preserve-3d;transition:transform .55s cubic-bezier(.22,.7,.2,1);position:absolute;inset:0}.case-flip-note.is-flipped .case-flip-note-inner{transform:rotateY(180deg)}.case-flip-note-face{background:var(--note-color);-webkit-backface-visibility:hidden;backface-visibility:hidden;flex-direction:column;gap:14px;padding:24px 24px 48px;display:flex;position:absolute;inset:0;box-shadow:0 5px 12px #625b4414,inset 0 -1px #625b4410}.case-flip-note-back{justify-content:center;transform:rotateY(180deg)}.case-mocky .case-flip-note .case-rich-text{min-height:0;font-size:14px;line-height:1.5}.case-mocky .case-flip-note .case-rich-text h4{margin:0 0 8px;font-size:17px;font-weight:550;line-height:1.3}.case-mocky .case-flip-note .case-rich-text p{margin:0}.case-mocky .case-flip-note-back .case-rich-text h4{font-size:15px}.case-mocky .case-flip-note-back .case-rich-text h4:not(:first-child){margin-top:20px}.case-mocky .case-flip-note-front>.case-figure{flex:1;min-height:0}.case-mocky .case-flip-note-front .case-figure .case-image{border-radius:4px;height:100%}.case-mocky .case-flip-note-front .case-image img{object-fit:contain;width:100%;height:100%;max-height:140px}.case-flip-note-turn,.case-flip-note-control{z-index:3;color:#746c56;background:0 0;border:0;border-radius:6px;place-items:center;width:40px;height:40px;padding:8px;display:grid;position:absolute;bottom:7px;right:7px}.case-flip-note-turn{pointer-events:none}.case-flip-note-control{cursor:pointer}.case-flip-note-turn svg{width:24px;height:24px}.case-flip-note-control:focus-visible{outline-offset:2px;outline:2px solid #746c56}@media (min-width:701px) and (max-width:1100px){.case-mocky .case-layout.variant-mocky-directions{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}}@media (max-width:700px){.case-mocky .case-layout.variant-mocky-directions{grid-template-columns:1fr;justify-items:center;gap:36px}.case-flip-note{width:min(280px,100%)}}@media (prefers-reduced-motion:reduce){.case-flip-note-inner,.case-flip-note-turn{transition:none}}@media (max-width:700px){.case-mocky .case-demo-hero{padding:0}.case-mocky .variant-mocky-feature{border-radius:20px;padding:24px}.case-mocky .variant-mocky-demo{border-radius:20px;grid-template-columns:1fr;padding:24px}.case-mocky .case-layout-gallery.variant-mocky-sketches{grid-template-columns:1fr}}.case-journey-summary{--journey-accent:#b94e36;color:#4c4d46;width:100%}.case-journey-card{background:#fdfcfa;border:1px solid #ebe6df;border-radius:16px;margin-top:24px;padding:28px}.case-journey-attribution{letter-spacing:.6px;color:var(--journey-accent);text-transform:uppercase;margin:8px 0 28px;font-size:12px;font-weight:550}.case-journey-chart{position:relative}.case-journey-chart:before{content:"";pointer-events:none;background-image:linear-gradient(90deg,#85725e12 1px,#0000 1px),linear-gradient(#85725e12 1px,#0000 1px);background-size:32px 32px;height:190px;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#0000,#000 35% 85%,#0000);mask-image:linear-gradient(#0000,#000 35% 85%,#0000)}.case-journey-line{pointer-events:none;width:100%;height:190px;position:absolute;top:0;left:0}.case-journey-stages{grid-template-columns:repeat(7,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.case-journey-stage{--emotion-color:#b8b4ac;--emotion-wash:#f3f1ed;text-align:center;min-width:0;padding-top:200px;position:relative}.case-journey-stage.tone-positive{--emotion-color:#91a58e;--emotion-wash:#eef2eb}.case-journey-stage.tone-negative{--emotion-color:#c5a07e;--emotion-wash:#f8efe4}.case-journey-stage.tone-frustrated{--emotion-color:#bb8879;--emotion-wash:#f6eae5}.case-journey-emotion{width:42px;height:42px;top:calc(var(--emotion-height) - 21px);background:var(--emotion-wash);border-radius:50%;place-items:center;margin:0;font-size:22px;line-height:1;display:grid;position:absolute;left:50%;transform:translate(-50%)}.case-journey-stage-copy{padding:16px 6px 0}.case-journey-step{color:#8c877f;letter-spacing:.6px;margin-bottom:6px;font-size:10px;display:block}.case-journey-stage h4{color:#353630;margin:0;font-size:13px;font-weight:550;line-height:1.45}.case-journey-state{color:#79746e;margin-top:8px;font-size:11px;display:block}.case-journey-findings{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px;display:grid}.case-journey-findings>div{background:#f4f3f0;border-radius:12px;padding:20px}.case-journey-findings h4{color:var(--accent);margin:0 0 10px;font-size:16px;font-weight:550;line-height:1.4}.case-journey-findings p{margin:0;font-size:14px;line-height:1.6}.case-journey-gallery{margin-top:28px}.case-journey-album-trigger{max-width:100%;min-height:44px;color:var(--journey-accent);cursor:pointer;font:inherit;background:#fff;border:1px solid #d6b3a7;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:500;line-height:1.4;transition:background-color .18s,border-color .18s,transform .18s;display:inline-flex}.case-journey-album-trigger svg{flex-shrink:0;width:18px;height:18px;transition:transform .18s}@media (hover:hover){.case-journey-album-trigger:hover{border-color:var(--journey-accent);background:#fcf0e9;transform:translateY(-2px)}.case-journey-album-trigger:hover svg{transform:translate(2px,-2px)}}.case-journey-album-trigger:active{background:#f8e7dd;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.case-journey-album-trigger,.case-journey-album-trigger svg{transition:none;transform:none}.case-journey-album-trigger:hover,.case-journey-album-trigger:hover svg{transform:none}}.case-journey-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-top:22px;display:grid}.case-journey-thumbnails button{color:#4c4d46;text-align:left;cursor:zoom-in;min-width:0;font:inherit;background:#fff;border:1px solid #e6e0d8;border-radius:8px;padding:16px;display:block}.case-journey-map-label{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:13px;font-weight:500;display:flex}.case-journey-map-label svg{width:16px;height:16px}.case-journey-thumbnails img{width:100%;height:auto;display:block}.case-journey-thumbnails button:hover{border-color:#b6a89a}.case-journey-summary :is(button,summary,.case-journey-map-scroll):focus-visible{outline:2px solid var(--journey-accent);outline-offset:4px}.case-journey-viewer{color:#353630;background:#fff;border:1px solid #e6e0d8;border-radius:12px;width:calc(100vw - 48px);max-width:1600px;max-height:calc(100dvh - 48px);padding:24px;overflow:auto}.case-journey-viewer::backdrop{background:#24221e6b}.case-journey-toolbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.case-journey-toolbar h3{margin:0;font-size:17px;font-weight:500;line-height:1.4}.case-journey-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.case-journey-controls button{min-width:40px;min-height:40px;color:inherit;cursor:pointer;font:inherit;background:#fff;border:1px solid #e6e0d8;border-radius:6px;padding:8px 12px;font-size:14px}.case-journey-controls button:hover{background:#f8f5f1}.case-journey-controls button:disabled{opacity:.35;cursor:default}.case-journey-controls span{text-align:center;color:#79746e;min-width:42px;font-size:12px}.case-journey-map-scroll{overscroll-behavior:contain;max-height:calc(100dvh - 200px);overflow:auto}.case-journey-map-scroll img{max-width:none;height:auto;display:block}@media (max-width:700px){.case-journey-card{border-radius:12px;padding:18px 10px}.case-journey-attribution{letter-spacing:.35px;margin:0 0 20px;font-size:9px}.case-journey-line,.case-journey-chart:before{height:118px}.case-journey-chart:before{background-size:20px 20px}.case-journey-stage{padding-top:130px}.case-journey-emotion{width:26px;height:26px;top:calc(var(--emotion-height) * .621053 - 13px);font-size:16px}.case-journey-stage-copy{padding:8px 2px 0}.case-journey-step{margin-bottom:5px;font-size:7px}.case-journey-stage h4{overflow-wrap:anywhere;font-size:clamp(6.5px,1.9vw,10px);line-height:1.45}.case-journey-state{margin-top:6px;font-size:clamp(6px,1.75vw,9px)}.case-journey-findings{grid-template-columns:1fr;gap:12px;margin-top:28px}.case-journey-findings>div{padding:16px}.case-journey-thumbnails{grid-template-columns:1fr;gap:16px}.case-journey-viewer{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:16px}.case-journey-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.case-journey-map-scroll{max-height:calc(100dvh - 240px)}}.case-journey-viewer[open]{flex-direction:column;height:min(820px,100dvh - 48px);display:flex;overflow:hidden}.case-journey-toolbar{flex-shrink:0;margin-bottom:20px}.case-journey-viewer .case-journey-map-scroll{background:#fdfcfa;flex:1;align-items:safe center;min-height:0;max-height:none;display:flex}.case-journey-map-scroll img{flex-shrink:0}.case-journey-album{flex-shrink:0;align-items:center;gap:20px;padding-top:20px;display:flex}.case-journey-album-arrow{color:#77746f;cursor:pointer;background:#fff;border:1px solid #e6e0d8;border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;padding:8px;display:grid}.case-journey-album-arrow svg{width:22px;height:22px}.case-journey-album-arrow:hover{color:#353630;background:#f8f5f1}.case-journey-album-thumbnails{scrollbar-width:thin;flex:1;justify-content:safe center;gap:12px;min-width:0;padding:5px;display:flex;overflow-x:auto}.case-journey-album-thumbnails button{color:#77746f;cursor:pointer;width:130px;font:inherit;background:#fff;border:1px solid #e6e0d8;border-radius:6px;flex:0 0 130px;padding:7px}.case-journey-album-thumbnails button[aria-current=true]{color:#b94e36;background:#f8f5f1;border-color:#b94e36}.case-journey-album-thumbnails img{object-fit:contain;background:#fff;width:100%;height:48px;display:block}.case-journey-album-thumbnails span{margin-top:6px;font-size:11px;line-height:1.4;display:block}@media (max-width:700px){.case-journey-viewer[open]{height:calc(100dvh - 24px)}.case-journey-album{gap:8px;padding-top:16px}.case-journey-album-arrow{flex-basis:32px;width:32px;height:36px;padding:6px}.case-journey-album-thumbnails{gap:8px}.case-journey-album-thumbnails button{flex-basis:88px;width:88px;padding:5px}.case-journey-album-thumbnails img{height:34px}.case-journey-album-thumbnails span{font-size:9px}}.case-image-album{--journey-accent:#b94e36;min-width:0}.case-image-album:has(>.case-evidence-preview){margin-block:24px}.case-image-album :is(button,.case-journey-map-scroll):focus-visible{outline:2px solid var(--journey-accent);outline-offset:4px}.case-evidence-preview{text-align:left;color:#4c4d46;cursor:zoom-in;width:100%;font:inherit;background:#fff;border:1px solid #e6e0d8;border-radius:12px;padding:0;display:block;overflow:hidden}.case-evidence-preview-window{background:#f8f5f1;height:280px;display:block;position:relative;overflow:hidden}.case-evidence-preview-window:after{content:"";pointer-events:none;background:linear-gradient(#0000,#fff);height:56px;position:absolute;inset:auto 0 0}.case-evidence-preview-window img{width:max(100%,760px);max-width:none;height:auto;display:block}.case-evidence-preview-caption{color:#b94e36;align-items:center;gap:10px;padding:16px 20px;font-size:14px;font-weight:500;display:flex}.case-evidence-preview-count{color:#77746f;margin-left:auto;font-size:12px;font-weight:400}.case-evidence-preview:hover{border-color:#c4b3a5}@media (max-width:700px){.case-evidence-preview-window{height:210px}.case-evidence-preview-caption{flex-wrap:wrap;padding:14px 16px}.case-evidence-preview-count{flex-basis:100%;margin-left:0}}.case-journey-viewer .case-journey-map-scroll.is-continuous{display:block}.case-evidence-document{background:#fff}.case-evidence-document img{width:100%;max-width:none;height:auto;display:block}.case-betterhelp #competitive-task-flow{margin-top:var(--case-heading-gap)}.case-evidence-preview.is-full-preview .case-evidence-preview-window{background:#f4f3f0;height:auto;padding:24px}.case-evidence-preview.is-full-preview .case-evidence-preview-window:after{display:none}.case-evidence-preview.is-full-preview .case-evidence-preview-window img{width:100%;height:auto}@media (max-width:700px){.case-evidence-preview.is-full-preview .case-evidence-preview-window{padding:16px}}.case-betterhelp .variant-betterhelp-feature-comparison{scrollbar-width:thin;background:#fff;border:1px solid #e8e2d9;border-radius:12px;display:block;overflow-x:auto}.case-betterhelp .variant-betterhelp-feature-comparison:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.case-betterhelp .case-onboarding-comparison{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;min-width:740px;font-size:14px;line-height:1.6;display:table}.case-betterhelp .case-onboarding-comparison th,.case-betterhelp .case-onboarding-comparison td{text-align:left;vertical-align:top;color:#4c4d46;border:0;border-bottom:1px solid #e9e5df;padding:22px 18px}.case-betterhelp .case-onboarding-comparison thead th{color:#353630;background:#f8f5f1;font-size:15px;font-weight:550}.case-betterhelp .case-onboarding-comparison tbody th{color:#353630;font-weight:550}.case-betterhelp .case-onboarding-comparison tr>:first-child{width:21%}.case-betterhelp .case-onboarding-comparison tr>:last-child{background:#fcf0e9}.case-betterhelp .case-onboarding-comparison thead th:last-child{color:#b94e36}.case-betterhelp .case-onboarding-comparison tbody tr:last-child>*{border-bottom:0}@media (max-width:700px){.case-betterhelp .case-onboarding-comparison th,.case-betterhelp .case-onboarding-comparison td{padding:18px 14px}}.case-betterhelp #ideation .case-section-content>.case-rich-text+.variant-research-region{margin-top:var(--case-heading-gap)}.case-betterhelp #betterhelp-feature-prioritization{align-self:center;max-width:640px;padding:20px}.case-betterhelp #betterhelp-feature-prioritization>.case-figure{min-width:0}.case-betterhelp #design-process .case-section-content>.case-rich-text+.variant-research-region{margin-top:var(--case-heading-gap)}.case-betterhelp .variant-betterhelp-exploration-pain-points{align-items:stretch;gap:16px}.case-betterhelp .variant-betterhelp-exploration-pain-points>.case-rich-text{background:#f8f5f1;padding:24px;font-size:14px;line-height:1.65}.case-betterhelp .variant-betterhelp-exploration-pain-points h4{color:var(--accent);margin:0 0 12px;font-size:16px;font-weight:550;line-height:1.4}.case-betterhelp .variant-betterhelp-exploration-pain-points h4:before{content:"";width:26px;height:26px;-webkit-mask:var(--pain-icon) center / contain no-repeat;mask:var(--pain-icon) center / contain no-repeat;background:currentColor;margin-bottom:18px;display:block}.case-betterhelp .variant-betterhelp-exploration-pain-points>:first-child{--pain-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='3' width='13' height='15' rx='2'/%3E%3Cpath d='M4 7v12a2 2 0 0 0 2 2h10M11 7h5M11 11h5M11 15h3'/%3E%3C/svg%3E")}.case-betterhelp .variant-betterhelp-exploration-pain-points>:nth-child(2){--pain-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M10 8v8M14 8v8'/%3E%3C/svg%3E")}.case-betterhelp .variant-betterhelp-exploration-pain-points>:nth-child(3){--pain-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Cpath d='M14 15h7M14 20h5'/%3E%3C/svg%3E")}@media (max-width:700px){.case-betterhelp .variant-betterhelp-exploration-pain-points>.case-rich-text{padding:20px}}@media (min-width:701px){.case-editorial .case-section-lead-fit{white-space:nowrap;max-width:none}}@media (max-width:700px){.case-editorial .case-section-lead-fit{white-space:normal}}.case-betterhelp .case-layout.variant-betterhelp-final-testing-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin:28px 0 0}.case-betterhelp .variant-betterhelp-final-testing-results>.case-rich-text{background:0 0;border-radius:0;padding:26px 0}.case-betterhelp .variant-betterhelp-final-testing-results>.case-rich-text:nth-child(-n+2){border-bottom:1px solid #ebe8e2}.case-betterhelp .variant-betterhelp-final-testing-results h4{color:#353630;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;font-size:16px;font-weight:500;line-height:1.4;display:flex}.case-testing-check{color:#818779;border:1px solid #dfdfd7;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:12px;font-weight:400;display:inline-grid}.case-betterhelp .case-testing-result{align-items:center;gap:18px;margin:0;display:flex}.case-betterhelp .case-testing-result strong{color:#b94e36;letter-spacing:-1.5px;white-space:nowrap;flex-shrink:0;font-size:48px;font-weight:500;line-height:1.1}.case-betterhelp .case-testing-result>span{color:#77746f;max-width:180px;font-size:14px;line-height:1.6}.case-betterhelp .case-layout.variant-betterhelp-testing-challenge{border-top:1px solid #ebe8e2;margin-top:8px;padding-top:24px}.case-betterhelp .variant-betterhelp-testing-challenge h4{color:#353630;margin:0 0 10px;font-size:15px;font-weight:500}.case-betterhelp .variant-betterhelp-testing-challenge p{color:#77746f;font-size:15px;line-height:1.7}.case-image-album-text-trigger{color:#77746f;cursor:pointer;min-height:40px;font:inherit;text-align:left;text-underline-offset:4px;background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;font-size:13px;-webkit-text-decoration:underline #d5cfc6;text-decoration:underline #d5cfc6;transition:color .18s,text-decoration-color .18s;display:inline-flex}.case-image-album-text-trigger svg{flex-shrink:0;width:15px;height:15px}.case-image-album-text-trigger:hover{color:#b94e36;text-decoration-color:#b94e36}@media (max-width:700px){.case-betterhelp .case-layout.variant-betterhelp-final-testing-results{gap:0 24px}.case-betterhelp .case-testing-result{flex-direction:column;align-items:flex-start;gap:8px}.case-betterhelp .case-testing-result strong{font-size:40px}.case-betterhelp .case-testing-result>span{font-size:13px}.case-betterhelp .variant-betterhelp-final-testing-results h4{font-size:14px}}@media (max-width:359px){.case-betterhelp .case-layout.variant-betterhelp-final-testing-results{grid-template-columns:1fr}.case-betterhelp .variant-betterhelp-final-testing-results>.case-rich-text:not(:last-child){border-bottom:1px solid #ebe8e2}.case-betterhelp .case-testing-result{flex-direction:row;align-items:center;gap:18px}}.case-betterhelp .variant-betterhelp-solution-benefits{align-items:stretch;gap:16px;margin:0 0 28px}.case-betterhelp .variant-betterhelp-solution-benefits>.case-rich-text{background:#fff;border:1px solid #e7e2da;border-radius:12px;padding:20px;font-size:14px;line-height:1.6}.case-betterhelp .variant-betterhelp-solution-benefits h4{color:#353630;margin:0 0 10px;font-size:16px;font-weight:550}.case-screen-demo{background:#f8f7f3;border-radius:20px;grid-template-columns:minmax(160px,.85fr) minmax(0,2fr);align-items:center;gap:40px;width:100%;padding:36px 32px;display:grid}.case-screen-demo-foreground{justify-self:center;width:min(100%,240px)}.case-screen-demo-foreground .case-autoplay-video{width:100%;margin:0}.case-screen-demo-foreground video{border-radius:16%/7.8%;width:100%;height:auto;max-height:none;display:block;box-shadow:0 12px 28px #23362524,0 3px 8px #23362512}.case-screen-demo-stills{grid-template-columns:repeat(5,minmax(0,1fr));justify-self:center;align-items:start;gap:24px 16px;width:100%;max-width:560px;display:grid}.case-screen-demo-still{justify-self:center;width:100%;max-width:100px;margin:0}.case-screen-demo-still img{border-radius:10%/4.6%;width:100%;height:auto;display:block;box-shadow:0 6px 14px #2336251a}.case-editorial .case-rich-text p.case-prototype-link{justify-content:center;margin:20px 0 64px;display:flex}.case-prototype-link a{color:#4c4d46;text-underline-offset:5px;align-items:center;gap:8px;min-height:40px;padding:6px 0;font-size:14px;-webkit-text-decoration:underline #d7d1c8;text-decoration:underline #d7d1c8;transition:color .18s,text-decoration-color .18s;display:inline-flex}.case-prototype-link a:hover{color:#b94e36;text-decoration-color:#b94e36}.case-prototype-external{background:currentColor;width:16px;height:16px;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3h7v7M21 3l-10 10M10 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3h7v7M21 3l-10 10M10 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5'/%3E%3C/svg%3E") 50%/contain no-repeat}.case-research-disclosure{border:1px solid #e6e0d8;border-radius:12px;width:100%;margin-top:8px;overflow:hidden}.case-research-disclosure summary{color:#4c4d46;cursor:pointer;background:#faf9f6;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-size:14px;list-style:none;display:flex}.case-research-disclosure summary::-webkit-details-marker{display:none}.case-research-disclosure summary svg{width:20px;height:20px;transition:transform .18s}.case-research-disclosure[open] summary svg{transform:rotate(45deg)}.case-research-disclosure summary:hover{color:#b94e36;background:#f8f5f1}.case-research-disclosure summary:focus-visible{outline-offset:-4px;outline:2px solid #b94e36}.case-research-disclosure-content{padding:20px}.case-betterhelp .case-research-disclosure-content .variant-betterhelp-evidence{border-radius:8px;margin:0}@media (max-width:700px){.case-screen-demo{border-radius:18px;grid-template-columns:1fr;gap:28px;padding:28px 16px}.case-screen-demo-foreground{width:190px}.case-screen-demo-stills{gap:16px 8px}.case-editorial .case-rich-text p.case-prototype-link{margin-bottom:48px}.case-research-disclosure-content{padding:12px}}.case-betterhelp .case-rich-text .case-iteration-metadata{color:#77746f;border-bottom:1px solid #ebe8e2;margin:0;padding-bottom:28px;font-size:15px;line-height:1.6}.case-betterhelp .case-layout.variant-betterhelp-iteration-version{gap:24px;margin:30px 0 0}.case-betterhelp .variant-betterhelp-iteration-version+.variant-betterhelp-iteration-version{border-top:1px solid #ebe8e2;padding-top:30px}.case-betterhelp .variant-betterhelp-iteration-version>.case-rich-text h3{color:#272722;margin:0;font-size:23px;font-weight:550}.case-betterhelp .variant-betterhelp-iteration-version .case-version-label{color:#b94e36;letter-spacing:.4px;margin:0 0 10px;font-size:12px;font-weight:500}.case-betterhelp .case-layout.variant-betterhelp-iteration-screens{background:#f8f7f3;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0;padding:20px}.case-betterhelp .variant-betterhelp-iteration-screens .case-image{border-radius:8px}.case-betterhelp .variant-betterhelp-iteration-screens img{width:100%;height:auto}.case-betterhelp .case-layout.variant-betterhelp-iteration-comparison{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px;margin:0}.case-betterhelp .variant-betterhelp-iteration-comparison>.case-rich-text{padding:0;font-size:15px;line-height:1.65}.case-betterhelp .variant-betterhelp-iteration-comparison>.case-rich-text:last-child{border-left:2px solid #b94e36;padding-left:22px}.case-betterhelp .variant-betterhelp-iteration-comparison .case-iteration-feedback-label,.case-betterhelp .variant-betterhelp-iteration-comparison .case-iteration-response-label{color:#77746f;letter-spacing:.25px;margin:0 0 8px;font-size:12px;font-weight:500;line-height:1.5}.case-betterhelp .variant-betterhelp-iteration-comparison .case-iteration-response-label{color:#b94e36}.case-betterhelp .case-layout.variant-betterhelp-impact-overview{gap:28px;margin:0}.case-betterhelp .case-rich-text .case-impact-summary{color:#353630;align-items:center;gap:24px;margin:0;display:flex}.case-betterhelp .case-impact-summary strong{color:#b94e36;letter-spacing:-1.4px;white-space:nowrap;flex-shrink:0;font-size:48px;font-weight:500;line-height:1.15}.case-betterhelp .case-impact-summary span{font-size:19px;line-height:1.6}.case-betterhelp .case-layout.variant-betterhelp-impact-outcomes{border-top:1px solid #ebe8e2;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding-top:28px}.case-betterhelp .variant-betterhelp-impact-outcomes>.case-rich-text{color:#77746f;background:0 0;border:0;border-radius:0;padding:0;font-size:15px;line-height:1.6}.case-betterhelp .variant-betterhelp-impact-outcomes h4{color:#353630;margin:0 0 10px;font-size:18px;font-weight:500}.case-betterhelp .variant-betterhelp-impact-outcomes h4:before{content:"";background:#b94e36;width:22px;height:22px;margin-bottom:14px;display:block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E") 50%/contain no-repeat}@media (max-width:700px){.case-betterhelp .variant-betterhelp-iteration-version>.case-rich-text h3{font-size:20px}.case-betterhelp .case-layout.variant-betterhelp-iteration-screens{grid-template-columns:1fr;gap:16px;padding:14px}.case-betterhelp .case-layout.variant-betterhelp-iteration-comparison{grid-template-columns:1fr;gap:20px}.case-betterhelp .variant-betterhelp-iteration-comparison>.case-rich-text:last-child{padding-left:16px}.case-betterhelp .case-rich-text .case-impact-summary{align-items:flex-start;gap:16px}.case-betterhelp .case-impact-summary strong{font-size:40px}.case-betterhelp .case-impact-summary span{font-size:16px}.case-betterhelp .case-layout.variant-betterhelp-impact-outcomes{grid-template-columns:1fr;gap:24px}}.case-betterhelp .case-layout.variant-betterhelp-design-system-card{background:#e6e9e3;border-radius:20px;gap:40px;padding:36px}.case-betterhelp .variant-betterhelp-system-part{gap:16px}.case-betterhelp .variant-betterhelp-system-part>.case-rich-text h4{color:#4c4d46;margin:0;font-size:16px;font-weight:500;line-height:1.4}.case-betterhelp .variant-betterhelp-system-components>.case-figure{align-self:center;width:100%;min-width:0;max-width:860px}.case-betterhelp .variant-betterhelp-design-system-card .case-image{background:0 0}.case-betterhelp .case-rich-text .case-impact-summary{background:0 0;border-radius:0;gap:24px;padding:0}.case-betterhelp .case-impact-summary strong{color:#b94e36;letter-spacing:-1.4px;font-size:48px;font-weight:500;line-height:1.15}.case-betterhelp .case-impact-summary>span{color:#4c4d46;max-width:610px;font-size:17px;line-height:1.65}.case-betterhelp .case-rich-text .case-impact-result-label{color:#77746f;letter-spacing:1.1px;margin:0 0 12px;font-size:11px;font-weight:500;line-height:1.4;display:block}.case-betterhelp .case-layout.variant-betterhelp-impact-outcomes{border-top:0;align-items:stretch;gap:16px;padding-top:0}.case-betterhelp .variant-betterhelp-impact-outcomes>.case-rich-text{height:100%;box-shadow:none;background:#f4f3f0;border:0;border-radius:16px;padding:20px}.case-betterhelp .variant-betterhelp-impact-outcomes h4{color:var(--accent);align-items:center;gap:8px;margin:0 0 10px;font-size:16px;font-weight:550;line-height:1.4;display:flex}.case-betterhelp .variant-betterhelp-impact-outcomes h4:before{flex-shrink:0;width:18px;height:18px;margin:0}.case-betterhelp .variant-betterhelp-impact-outcomes p{color:#4c4d46;font-size:14px;line-height:1.6}@media (max-width:700px){.case-betterhelp .case-layout.variant-betterhelp-design-system-card{border-radius:16px;gap:32px;padding:20px}.case-betterhelp .case-rich-text .case-impact-summary{align-items:center;gap:16px;padding:0}.case-betterhelp .case-impact-summary strong{letter-spacing:-1.4px;font-size:40px}.case-betterhelp .case-impact-summary>span{font-size:15px}.case-betterhelp .case-rich-text .case-impact-result-label{font-size:10px}.case-betterhelp .variant-betterhelp-impact-outcomes>.case-rich-text{padding:20px}}@media (max-width:359px){.case-betterhelp .case-rich-text .case-impact-summary{flex-direction:column;align-items:flex-start}}.case-transit .case-layout{width:100%}.case-transit .case-section-content>.case-rich-text+.variant-research-region{margin-top:var(--case-heading-gap)}:is(.case-transit,.case-restyle) .case-layout.variant-phone-hero{grid-template-columns:minmax(0,1.4fr) minmax(0,2.55fr);align-items:center;gap:48px;max-width:680px;margin:0 auto}:is(.case-transit,.case-restyle) .case-demo-hero{padding:28px 32px}:is(.case-transit,.case-restyle) .case-demo-hero .case-layout.variant-phone-hero{max-width:580px}:is(.case-transit,.case-restyle) .case-layout.variant-phone-hero-stills{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:20px}:is(.case-transit,.case-restyle) .variant-phone-hero-stills>.case-figure{justify-self:center;width:92%}:is(.case-transit,.case-restyle) .variant-phone-hero-stills .case-figure .case-image{filter:var(--case-demo-shadow);border-radius:12%/5.5%;overflow:hidden}:is(.case-transit,.case-restyle) .variant-phone-hero-stills .case-figure img{width:100%;height:auto;display:block}:is(.case-transit,.case-restyle) .case-layout.variant-phone-mockup{isolation:isolate;background:#252825;border:1px solid #7d817e;border-radius:16%/7.5%;padding:5px;display:block;position:relative;box-shadow:0 0 0 1px #d2d5cf,0 14px 24px #30372b26}:is(.case-transit,.case-restyle) .variant-phone-mockup:before{content:"";z-index:2;pointer-events:none;background:#171917;border-radius:999px;width:30%;height:3%;position:absolute;top:3%;left:35%}:is(.case-transit,.case-restyle) .variant-phone-mockup:after{content:"";pointer-events:none;background:#6b706a;border-radius:2px 0 0 2px;width:2px;height:12%;position:absolute;top:23%;left:-3px}:is(.case-transit,.case-restyle) .variant-phone-mockup>.case-figure,:is(.case-transit,.case-restyle) .variant-phone-mockup>.case-autoplay-video{width:100%;margin:0}:is(.case-transit,.case-restyle) .variant-phone-mockup .case-figure .case-image,:is(.case-transit,.case-restyle) .variant-phone-mockup video{filter:none;border-radius:13.5%/6.3%;width:100%;max-height:none;overflow:hidden}:is(.case-transit,.case-restyle) .variant-phone-mockup img,:is(.case-transit,.case-restyle) .variant-phone-mockup video{width:100%;height:auto;display:block}.case-transit .case-layout.variant-transit-demos{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:30px;max-width:570px;margin:0 auto}.case-transit .variant-transit-demos .case-figure .case-image,.case-transit .variant-transit-screen-grid .case-figure .case-image{filter:var(--case-demo-shadow);border-radius:12%/5.5%;overflow:hidden}.case-transit .variant-transit-demos img,.case-transit .variant-transit-screen-grid img{width:100%;height:auto;display:block}.case-transit .variant-transit-demos .case-autoplay-video video{width:100%;max-height:none;filter:var(--case-demo-shadow);border-radius:12%/5.5%}.case-transit #final-design .variant-transit-demos{background:var(--case-demo-background);border-radius:24px;max-width:none;margin-top:40px;padding:36px max(24px,50% - 285px)}.case-transit .variant-transit-diagrams,.case-transit .variant-transit-current-flow,.case-transit .variant-transit-iteration{background:#f4f3f0;border-radius:16px;gap:24px;margin:0;padding:24px}.case-transit .variant-transit-diagrams .case-image,.case-transit .variant-transit-current-flow .case-image,.case-transit .variant-transit-iteration .case-image{border-radius:8px}.case-transit .variant-transit-current-flow>.case-figure{justify-self:center;width:100%;max-width:470px}.case-transit .variant-transit-insights{align-items:stretch;gap:16px}.case-transit .variant-transit-insights>.case-rich-text{padding:20px;font-size:14px;line-height:1.6}.case-transit .variant-transit-insights h4{color:var(--accent);margin:0 0 10px;font-size:16px;font-weight:550}.case-transit .variant-transit-personas{gap:20px;margin-top:24px}.case-transit .variant-transit-personas .case-image{border-radius:10px}.case-transit .variant-transit-opportunity{margin:48px 0}.case-transit .variant-transit-opportunity p{margin-top:16px;font-size:22px;font-weight:450;line-height:1.5}.case-transit .variant-transit-scenario{margin:24px 0}.case-transit .variant-transit-scenario h4{color:var(--accent);text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:550}.case-transit .variant-transit-approach{gap:20px;margin-top:36px}.case-transit .variant-transit-approach h4{color:var(--accent);margin:0 0 14px;font-size:16px;font-weight:550}.case-transit .variant-transit-competitors{align-items:stretch;gap:20px}.case-transit .variant-transit-competitor{background:#f4f3f0;border-radius:16px;gap:20px;height:100%;padding:20px 16px}.case-transit .variant-transit-competitor .case-rich-text{min-height:65px}.case-transit .variant-transit-competitor h4{color:var(--ink);margin:0 0 6px;font-size:15px;font-weight:550;line-height:1.4}.case-transit .variant-transit-competitor p{color:#77746f;font-size:12px}.case-transit .variant-transit-competitor .case-figure .case-image{border-radius:12%/5.5%;overflow:hidden}.case-transit .variant-transit-sketches{gap:20px}.case-transit .variant-transit-sketches .case-image{aspect-ratio:3/4;background:#f4f3f0;border-radius:12px;padding:12px}.case-transit .variant-transit-sketches img{object-fit:contain;width:100%;height:100%}.case-transit .variant-transit-results{gap:16px}.case-transit .variant-transit-results>.case-rich-text{padding:24px}.case-transit .variant-transit-results h4{color:#77746f;text-transform:uppercase;letter-spacing:.5px;margin:0 0 14px;font-size:12px;font-weight:500}.case-transit .variant-transit-results .transit-result-value{color:#77746f;align-items:baseline;gap:12px;font-size:52px;font-weight:500;line-height:1.1;display:flex}.case-transit .variant-transit-results>.case-rich-text:last-child .transit-result-value{color:var(--accent)}.case-transit .transit-result-value span{color:#77746f;font-size:14px;font-weight:400}@media (max-width:1000px){.case-transit .variant-transit-competitors{grid-template-columns:repeat(2,minmax(0,1fr))}.case-transit .variant-transit-competitor>.case-figure{align-self:center;width:100%;max-width:150px}}@media (max-width:700px){:is(.case-transit,.case-restyle) .case-demo-hero{padding:24px 20px}:is(.case-transit,.case-restyle) .case-demo-hero .case-layout.variant-phone-hero{max-width:280px}:is(.case-transit,.case-restyle) .case-layout.variant-phone-hero{gap:22px}.case-restyle #final-design .case-layout.variant-phone-hero{border-radius:20px;padding:28px 20px}:is(.case-transit,.case-restyle) .case-layout.variant-phone-hero-stills{gap:8px}:is(.case-transit,.case-restyle) .case-layout.variant-phone-mockup{padding:3px}.case-transit .case-layout.variant-transit-demos{gap:14px}.case-transit #final-design .variant-transit-demos{border-radius:20px;padding:28px 16px}.case-transit .variant-transit-diagrams,.case-transit .variant-transit-current-flow,.case-transit .variant-transit-iteration{padding:14px}.case-transit .case-layout.variant-transit-personas,.case-transit .case-layout.variant-transit-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.case-transit .case-layout.variant-transit-sketches{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.case-transit .variant-transit-opportunity p{font-size:20px}.case-transit .case-layout.variant-transit-results{grid-template-columns:repeat(2,minmax(0,1fr))}.case-transit .variant-transit-results>.case-rich-text{padding:20px}.case-transit .variant-transit-results .transit-result-value{flex-wrap:wrap;gap:6px;font-size:40px}}.raijin-cover{background:radial-gradient(at 82% 30%,#23686961,#0000 58%),radial-gradient(at 10% 100%,#4958544d,#0000 60%),linear-gradient(135deg,#16272b,#09191e);width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.65,.3,1);position:relative;overflow:hidden}.project-link:focus-visible .raijin-cover{transform:scale(1.035)}@media (hover:hover){.project-link:hover .raijin-cover{transform:scale(1.035)}}@media (prefers-reduced-motion:reduce){.raijin-cover{transition:none}.project-link:is(:hover,:focus-visible) .raijin-cover{transform:none}}.raijin-cover-phone{width:41%;height:100%;position:absolute;top:14%;right:6%}.raijin-phone-device{background:#1b2022;border:1px solid #8b9698;border-radius:16%/7.5%;padding:6px;position:relative;box-shadow:inset 0 0 0 2px #414a4d,0 16px 36px #0000004d,0 0 0 1px #0c0e0f}.raijin-phone-device:before,.raijin-phone-device:after{content:"";background:linear-gradient(90deg,#364246,#9aa4a6,#3b4649);border-radius:2px;width:3px;position:absolute}.raijin-phone-device:before{height:9%;top:18%;left:-4px}.raijin-phone-device:after{height:13%;top:25%;right:-4px}.raijin-cover-phone img{border:0;border-radius:13.5%/6.3%;width:100%;max-width:none;height:auto;display:block}.raijin-cover-logo{width:42%;position:absolute;top:39%;left:6%}.raijin-cover-logo .case-autoplay-video{width:100%;margin:0}.raijin-cover-logo .case-autoplay-video video{object-fit:contain;width:100%;height:auto;max-height:none;box-shadow:none;filter:none;background:0 0;border:0;border-radius:0;display:block}.case-raijin .case-meta-without-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.case-raijin .case-demo-hero{padding:28px 32px}.case-raijin .case-demo-hero.case-raijin-cover-hero{padding:0}.case-raijin-cover-hero>.raijin-cover{aspect-ratio:2;height:auto}.case-raijin-cover-hero .raijin-cover-phone{width:34%;top:9%;right:8%}.case-raijin .case-layout.variant-raijin-hero-demos{grid-template-columns:minmax(0,1.1fr) repeat(2,minmax(0,1fr));align-items:center;gap:28px;width:100%;max-width:540px;margin:0 auto}.case-raijin .variant-raijin-hero-demos .case-figure .case-image{filter:var(--case-demo-shadow);border-radius:12%/5.5%;overflow:hidden}.case-raijin .variant-raijin-hero-demos img{width:100%;height:auto;display:block}.case-raijin .case-demo-hero .variant-raijin-hero-demos video{width:100%;height:auto;max-height:none;filter:var(--case-demo-shadow);border-radius:12%/5.5%;display:block}.case-raijin .case-layout.variant-raijin-demos{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:40px;width:100%;max-width:440px;margin-inline:auto}.case-raijin .variant-raijin-demos .case-figure .case-image{filter:var(--case-demo-shadow);border-radius:12%/5.5%;overflow:hidden}.case-raijin .variant-raijin-demos img{width:100%;height:auto;display:block}.case-raijin #final-design .variant-raijin-demos{background:var(--case-demo-background);border-radius:24px;max-width:none;padding:36px max(24px,50% - 220px)}.case-raijin .raijin-caption{color:#77746f;text-align:center;margin:8px 0 0;font-size:12px}.case-raijin .case-layout.variant-raijin-static-comparisons{background:0 0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px;padding:0}.case-raijin .variant-raijin-static-screen{background:#f8f6f2;border:1px solid #e3ded7;border-radius:16px;gap:24px;width:100%;padding:24px}.case-raijin .variant-raijin-static-screen>.case-rich-text h3{color:#37362f;margin:0;font-size:22px;font-weight:600}.case-raijin .case-layout.variant-raijin-static-pair{grid-template-columns:minmax(0,.72fr) 36px minmax(0,1fr);align-items:stretch;gap:12px}.case-raijin .variant-raijin-static-pair .case-figure{flex-direction:column;gap:14px;width:100%;margin:0;display:flex}.case-raijin .variant-raijin-static-pair .case-image{filter:var(--case-demo-shadow);border-radius:12%/5.5%;margin-block:auto;overflow:hidden}.case-raijin .variant-raijin-static-pair img{width:100%;height:auto;display:block}.case-raijin .variant-raijin-static-pair figcaption{color:#68655e;letter-spacing:.8px;text-transform:uppercase;order:-1;margin:0;font-size:14px;font-weight:650;line-height:1.3}.case-raijin .variant-raijin-static-pair .case-figure:last-child figcaption{color:var(--accent);font-weight:750}.case-raijin .raijin-comparison-arrow{box-sizing:border-box;width:36px;height:36px;color:var(--accent);background:#fff;border:1px solid #dcbaab;border-radius:50%;align-self:center;margin:32px 0 0;padding:7px}.case-raijin .variant-raijin-focus{align-items:stretch;gap:16px}.case-raijin .variant-raijin-focus>.case-rich-text{padding:24px;font-size:15px;line-height:1.65}.case-raijin .variant-raijin-focus h4{color:var(--accent);margin:0 0 12px;font-size:18px;font-weight:550}.case-raijin #design-system .case-section-content>.case-rich-text+.variant-raijin-system-card{margin-top:var(--case-heading-gap)}.case-raijin .case-layout.variant-raijin-system-card{background:#f4f3f0;border:0;border-radius:16px;gap:24px;margin:0 0 32px;padding:28px}.case-raijin .variant-raijin-system-card:last-child{margin-bottom:0}.case-raijin .variant-raijin-system-card>.case-rich-text h3{margin:0 0 var(--case-subheading-gap)}.case-raijin .case-layout.variant-raijin-foundations{background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:32px;padding:0}.case-raijin .variant-raijin-foundations>.case-figure:first-child{justify-self:center;width:100%;max-width:230px}.case-raijin .contrast-comparison{background:#fff;border:1px solid #e9ebe7;border-radius:14px;width:100%;max-width:820px;margin:28px 0 0;padding:24px}.case-raijin .contrast-title-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.case-raijin .contrast-title-row h3{color:var(--ink);letter-spacing:-.35px;margin:0;font-size:24px;font-weight:550;line-height:1.3}.case-raijin .contrast-standard{color:#767d72;white-space:nowrap;flex-shrink:0;padding-top:4px;font-size:13px;line-height:1.5}.case-raijin .contrast-description{color:#666d62;margin:10px 0 28px;font-size:15px;line-height:1.6}.case-raijin .contrast-columns,.case-raijin .contrast-row{grid-template-columns:80px minmax(0,1fr);align-items:center;gap:24px;display:grid}.case-raijin .contrast-columns{color:#787e74;border-bottom:1px solid #e9ebe6;padding-bottom:14px;font-size:13px;font-weight:550;line-height:1.5}.case-raijin .contrast-column-pair,.case-raijin .contrast-pair{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:center;gap:20px;display:grid}.case-raijin .contrast-column-pair>:last-child{grid-column:3}.case-raijin .contrast-row{border-bottom:1px solid #eceee9;padding:18px 0}.case-raijin .contrast-color-name{color:var(--ink);margin:0;font-size:16px;font-weight:550;line-height:1.4}.case-raijin .contrast-pair:before{content:"";background:#9ba098;grid-area:1/2;width:20px;height:20px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16m-7-7 7 7-7 7'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16m-7-7 7 7-7 7'/%3E%3C/svg%3E") 50%/contain no-repeat}.case-raijin .contrast-sample{font-variant-numeric:tabular-nums;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:16px;min-width:0;display:grid}.case-raijin .contrast-sample:first-child{grid-area:1/1}.case-raijin .contrast-sample:last-child{grid-area:1/3}.case-raijin .contrast-swatch{border-radius:10px;width:68px;height:62px;box-shadow:inset 0 0 0 .5px #0000000d}.case-raijin .contrast-details{flex-direction:column;gap:4px;min-width:0;display:flex}.case-raijin .contrast-hex{color:#3f453c;white-space:nowrap;font-size:15px;font-weight:400;line-height:1.4}.case-raijin .contrast-ratio{color:var(--ink);white-space:nowrap;font-size:16px;font-weight:550;line-height:1.4}.case-raijin .contrast-status{color:#70786c;white-space:nowrap;align-items:center;gap:6px;margin-top:3px;font-size:13px;line-height:1.4;display:inline-flex}.case-raijin .contrast-status-mark{border-radius:50%;flex:0 0 20px;place-items:center;width:20px;height:20px;display:grid}.case-raijin .contrast-status-mark svg{width:12px;height:12px}.case-raijin .contrast-status.is-fail .contrast-status-mark{color:#c33c35;background:#fce4e1}.case-raijin .contrast-status.is-pass .contrast-status-mark{color:#2e783a;background:#e6f1df}.case-raijin .contrast-note{color:#767d72;margin:22px 0 0;font-size:14px;line-height:1.65}@media (max-width:700px){.case-raijin .case-demo-hero{padding:24px 20px}.case-raijin-cover-hero>.raijin-cover{aspect-ratio:8/5}.case-raijin .case-layout.variant-raijin-hero-demos{gap:14px}.case-raijin .case-meta-without-timeline{grid-template-columns:1fr}.case-raijin .case-layout.variant-raijin-demos{gap:24px}.case-raijin #final-design .variant-raijin-demos{padding:28px 20px}.case-raijin .case-layout.variant-raijin-static-comparisons{border-radius:0;grid-template-columns:1fr;gap:22px;padding:0}.case-raijin .variant-raijin-static-screen{gap:20px;padding:20px 18px}.case-raijin .case-layout.variant-raijin-foundations{grid-template-columns:1fr;gap:24px;padding:0}.case-raijin .case-layout.variant-raijin-system-card{gap:20px;margin-bottom:24px;padding:20px}.case-raijin .variant-raijin-system-card:last-child{margin-bottom:0}.case-raijin .variant-raijin-foundations>.case-figure:first-child{max-width:200px}.case-raijin .contrast-comparison{border-radius:12px;padding:18px 14px}.case-raijin .contrast-title-row{flex-direction:column;gap:6px}.case-raijin .contrast-title-row h3{font-size:20px}.case-raijin .contrast-standard{padding-top:0;font-size:12px}.case-raijin .contrast-description{margin-bottom:20px;font-size:14px}.case-raijin .contrast-columns,.case-raijin .contrast-row{grid-template-columns:40px minmax(0,1fr);gap:12px}.case-raijin .contrast-columns{font-size:12px}.case-raijin .contrast-column-pair,.case-raijin .contrast-pair{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);gap:8px}.case-raijin .contrast-pair:before{width:12px;height:12px}.case-raijin .contrast-color-name{font-size:13px}.case-raijin .contrast-sample{grid-template-columns:minmax(0,1fr);gap:10px}.case-raijin .contrast-swatch{border-radius:7px;width:44px;height:42px}.case-raijin .contrast-details{gap:3px}.case-raijin .contrast-hex{font-size:11px}.case-raijin .contrast-ratio{font-size:13px}.case-raijin .contrast-status{gap:4px;font-size:11px}.case-raijin .contrast-status-mark{flex-basis:14px;width:14px;height:14px}.case-raijin .contrast-status-mark svg{width:10px;height:10px}.case-raijin .contrast-note{font-size:13px}}.case-study-page:has(.case-noise-o-meter) .case-project-context{white-space:normal}.case-noise-o-meter .case-demo-hero{background:#edf1ed;padding:32px}.case-noise-o-meter .case-layout.variant-noise-hero{grid-template-columns:.9fr 1.25fr;align-items:center;gap:40px;max-width:580px;margin:0 auto}.case-noise-o-meter .variant-noise-hero-stills{gap:24px}.case-noise-o-meter .variant-noise-hero .case-figure{margin:0}.case-noise-o-meter .variant-noise-hero .case-image{border:0;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #283e3215}.case-noise-o-meter .variant-noise-hero video{width:100%;max-height:none;filter:var(--case-demo-shadow);border-radius:14px}.case-noise-o-meter .variant-noise-summary{align-items:stretch;gap:16px}.case-noise-o-meter .variant-noise-summary>.case-rich-text{padding:24px}.case-noise-o-meter .variant-noise-research-stats{margin-top:28px}.case-noise-o-meter .variant-noise-research-stats h4{margin:0 0 8px;font-size:18px;font-weight:500}.case-noise-o-meter .variant-noise-research-charts{gap:24px;margin-block:32px}.case-noise-o-meter .variant-noise-field-study{gap:48px;margin:28px 0 0}.case-noise-o-meter .variant-noise-region{gap:24px}.case-noise-o-meter .variant-noise-region>.case-rich-text h3{margin-top:0}.case-noise-o-meter .variant-noise-field-grid{gap:20px}.case-noise-o-meter .variant-noise-field-card{background:#f4f3f0;border-radius:12px;gap:12px;padding:18px}.case-noise-o-meter .case-layout.variant-noise-field-pair{grid-template-columns:minmax(0,1fr) 52px;align-items:center;gap:12px}.case-noise-o-meter .variant-noise-field-pair .case-image{border-radius:6px;overflow:hidden}.case-noise-o-meter .noise-field-caption{color:#63655d;margin:0;font-size:13px}.case-noise-o-meter .noise-field-caption strong{color:var(--ink);font-weight:550}.case-noise-o-meter .variant-noise-thresholds{border:1px solid #e5e6df;border-radius:12px;margin-block:28px;padding:8px 24px}.case-noise-o-meter .variant-noise-thresholds table{table-layout:fixed;font-size:14px;display:table}.case-noise-o-meter .variant-noise-thresholds :is(th,td){border:0;border-bottom:1px solid #e5e6df;min-width:0;padding:16px 8px;font-weight:400}.case-noise-o-meter .variant-noise-thresholds thead th{color:#6b6e64;font-size:12px;font-weight:550}.case-noise-o-meter .variant-noise-thresholds tr:last-child :is(th,td){border-bottom:0}.case-noise-o-meter .noise-level-dot{background:#53b677;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.case-noise-o-meter .noise-level-dot.is-moderate{background:#eab35d}.case-noise-o-meter .noise-level-dot.is-loud{background:#d96b6f}.case-noise-o-meter .case-research-disclosure .case-figure{max-width:700px;margin:0 auto}.case-noise-o-meter .variant-noise-interface-showcase{background:#edf1ed;border-radius:20px;gap:24px;margin-top:32px;padding:28px}.case-noise-o-meter .variant-noise-interface-showcase h3{margin:0;font-size:18px}.case-noise-o-meter .variant-noise-interface-grid{gap:16px}.case-noise-o-meter .variant-noise-interface-grid .case-image{border-radius:8px;overflow:hidden;box-shadow:0 6px 16px #283e3212}.case-noise-o-meter .case-figure figcaption{color:#77796f}.case-noise-o-meter .case-layout.variant-noise-live-demo{grid-template-columns:.85fr 1.15fr;align-items:center;gap:40px;max-width:650px;margin:28px auto 0}.case-noise-o-meter .variant-noise-live-demo video{border-radius:14px;width:100%;max-height:none;display:block;box-shadow:0 10px 28px #283e3220}.case-noise-o-meter .variant-noise-hardware{gap:24px}.case-noise-o-meter .variant-noise-hardware .case-image{border-radius:12px}.case-noise-o-meter .variant-noise-hardware h4{color:var(--accent);margin:0 0 8px;font-size:14px}.case-noise-o-meter .variant-noise-hardware p{font-size:15px}.case-noise-o-meter .variant-noise-hardware p+h4{margin-top:24px}.case-noise-o-meter .variant-noise-placement .case-image{border-radius:10px;overflow:hidden}.case-noise-o-meter #impact>.case-section-content>.case-figure{max-width:620px;margin:32px auto 0}.case-noise-o-meter #impact .case-image{border:0;border-radius:12px}@media (max-width:700px){.case-noise-o-meter .case-demo-hero{padding:24px 20px}.case-noise-o-meter .case-layout.variant-noise-hero{grid-template-columns:.85fr 1.15fr;gap:20px}.case-noise-o-meter .variant-noise-hero-stills{gap:16px}.case-noise-o-meter .variant-noise-hero video{border-radius:8px;max-height:none}.case-noise-o-meter .variant-noise-hero .case-image{border-radius:6px}.case-noise-o-meter .variant-noise-summary,.case-noise-o-meter .variant-noise-research-charts,.case-noise-o-meter .variant-noise-field-grid{grid-template-columns:1fr}.case-noise-o-meter .variant-noise-field-pair{max-width:none}.case-noise-o-meter .variant-noise-research-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.case-noise-o-meter .variant-noise-research-stats>.case-rich-text{padding:16px}.case-noise-o-meter .variant-noise-research-stats .case-stat-value{font-size:32px}.case-noise-o-meter .variant-noise-thresholds{padding:8px}.case-noise-o-meter .variant-noise-thresholds table{font-size:12px}.case-noise-o-meter .variant-noise-thresholds thead th{font-size:11px}.case-noise-o-meter .variant-noise-thresholds :is(th,td){padding:14px 5px}.case-noise-o-meter .noise-level-dot{width:6px;height:6px;margin-right:5px}.case-noise-o-meter .variant-noise-interface-showcase{padding:20px}.case-noise-o-meter .variant-noise-interface-grid{grid-template-columns:1fr;gap:24px}.case-noise-o-meter .case-layout.variant-noise-live-demo{grid-template-columns:1fr;gap:28px}.case-noise-o-meter .variant-noise-live-demo>.case-content-video{justify-self:center;width:min(100%,260px)}.case-noise-o-meter .variant-noise-placement{grid-template-columns:1fr;gap:24px}}.case-momento .case-demo-hero{background:#eee8de;padding:32px}.case-momento .case-layout.variant-momento-hero{grid-template-columns:minmax(0,1fr) minmax(0,2.3fr);align-items:center;gap:40px;max-width:670px;margin-inline:auto}.case-momento .variant-momento-hero .case-autoplay-video{margin:0}.case-momento .variant-momento-hero .case-autoplay-video video{width:100%;height:auto;max-height:none;filter:var(--case-demo-shadow);border-radius:12%/6%}.case-momento .case-layout.variant-momento-hero-stills{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:14px}.case-momento .variant-momento-hero-stills .case-image{filter:var(--case-demo-shadow);border-radius:12%/5.5%;overflow:hidden}.case-momento #final-design .variant-momento-hero{background:#eee8de;border-radius:24px;max-width:none;margin-bottom:40px;padding:36px}.case-momento .case-layout.variant-momento-final-screens{background:#f6f4ef;border-radius:20px;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;padding:32px}.case-momento .variant-momento-final-screens .case-image{border-radius:10%/5%;box-shadow:0 5px 14px #4d3c2b15}.case-momento .variant-momento-research-charts{align-items:center;gap:24px}.case-momento .variant-momento-research-charts .case-figure{background:#faf9f6;border-radius:12px;padding:16px}.case-momento .variant-momento-brand{align-items:center;gap:40px}.case-momento .variant-momento-brand>.case-figure{justify-self:center;max-width:240px}.case-momento .variant-momento-brand .case-image{border-radius:24px}.case-little-prince .case-demo-hero{background:0 0;border-radius:14px;padding:0;overflow:visible}.case-little-prince .case-demo-hero:before{display:none}.case-little-prince .case-autoplay-video{margin:0}.case-little-prince #final-design>.case-section-content>.case-rich-text+.case-autoplay-video,.case-little-prince #final-design>.case-section-content>.case-autoplay-video+.case-autoplay-video{margin-top:32px}.case-little-prince .case-autoplay-video video{filter:none;border-radius:12px;width:100%;height:auto;max-height:none;box-shadow:0 8px 26px #273d4a18}.case-little-prince .case-layout.variant-prince-animations{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.case-little-prince .variant-prince-animations video{border-radius:8px;box-shadow:0 4px 12px #27272212}.case-little-prince .variant-prince-steps .case-rich-text{font-size:15px}.case-little-prince .variant-prince-steps .case-rich-text h4{font-size:17px}.case-little-prince .variant-prince-steps>.case-layout{background:#f4f3f0;border-radius:14px;padding:20px}.case-little-prince .variant-prince-steps .case-image{border-radius:4px}.case-little-prince .variant-prince-mechanics{background:#f8f7f4;border-radius:14px;padding:24px}.case-little-prince .case-content-video video{border-radius:12px;width:100%;height:auto;max-height:none;box-shadow:0 8px 26px #273d4a18}.case-flying-bird .case-demo-hero{background:0 0;border-radius:14px;padding:0;overflow:hidden}.case-flying-bird .case-demo-hero:before{display:none}.case-flying-bird .case-autoplay-video video{border-radius:12px;width:100%;height:auto;max-height:none;box-shadow:0 8px 26px #273d4a18}.case-flying-bird #final-design>.case-section-content>.case-autoplay-video{width:100%;max-width:380px;margin:32px auto 0}.case-flying-bird .variant-bird-game-rules{gap:24px}.case-flying-bird .variant-bird-game-rules>.case-layout{background:#f4f3f0;border-radius:14px;padding:24px}.case-flying-bird .variant-bird-game-rules .case-autoplay-video{margin:20px 0 0}.case-flying-bird .variant-bird-game-rules video{object-fit:contain;width:auto;max-width:100%;max-height:300px;margin:0 auto;display:block}@media (max-width:700px){.case-flying-bird .variant-bird-game-rules>.case-layout{padding:20px}.case-momento .case-demo-hero{padding:24px 20px}.case-momento .case-layout.variant-momento-hero{grid-template-columns:1fr 2.1fr;gap:20px}.case-momento .case-layout.variant-momento-hero-stills{gap:8px}.case-momento #final-design .variant-momento-hero{padding:24px 20px}.case-momento .case-layout.variant-momento-final-screens{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px;padding:20px}.case-momento .variant-momento-research-charts .case-figure{padding:10px}.case-momento .variant-momento-brand>.case-figure{max-width:190px}.case-little-prince .case-layout.variant-prince-animations{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.case-little-prince .variant-prince-mechanics{padding:18px}}@media (min-width:701px) and (max-width:1050px){.case-raijin .case-layout.variant-raijin-static-comparisons{grid-template-columns:1fr}.case-raijin .variant-raijin-static-pair{max-width:470px;margin-inline:auto}}