:root{--color-grey-bg:#f5f5f5;--color-sidebar-bg:#f5f5f5b3;--color-grey-04:#5d5d5d;--color-black:#000;--color-white:#fff;--color-main-beige:#f5f0e5;--color-main-gold:#9d8248;--color-main-yellow:#877650;--color-text-muted:#000000b3;--color-divider-muted:#00000080;--color-nav-pill-bg:#e1d6be;--color-bioscent-green:#73804a;--color-bioscent-green-light:#e4e5cd;--color-bioscent-forest:#323224;--color-bioscent-beige:#f8f8ec;--color-visualeyes-blue:#c6e7f6;--color-visualeyes-dark-blue:#49788d;--color-visualeyes-orange:#edd0ba;--color-cookpilot-orange:#edd0ba;--color-cookpilot-dark-orange:#d28143;--font-heading:"Source Serif 4", serif;--font-optical-sizing-heading:none;--font-variation-heading:"opsz" 36;--font-body:"TikTok Sans", sans-serif;--font-body-alt:"Source Sans 3", sans-serif;--font-subheader:"PT Serif", serif;--font-mono:"Space Mono", monospace;--font-placeholder-glyph:"Abhaya Libre", serif;--font-weight-body:400;--font-weight-display-xl:400;--font-weight-h1:500;--font-weight-h2:500;--font-weight-h3:500;--font-weight-h4:400;--font-weight-h5:400;--text-display-xl-size:72px;--text-display-xl-line-height:1.2;--text-h1-size:64px;--text-h1-line-height:1;--text-h2-size:48px;--text-h2-line-height:1.2;--text-h3-size:40px;--text-h3-line-height:1.2;--text-h4-size:32px;--text-h4-line-height:1.2;--text-h5-size:28px;--text-h5-line-height:1.2;--text-body-lg-size:24px;--text-body-lg-line-height:1.3;--text-body-md-size:20px;--text-body-md-line-height:1.2;--text-body-sm-size:16px;--text-body-sm-line-height:normal;--text-caption-size:11px;--text-label-size:12px;--text-small-size:14px;--text-body-alt-size:16px;--text-body-alt-line-height:1;--text-body-alt-letter-spacing:-.32px;--text-body-alt-2-size:20px;--text-body-alt-2-line-height:1;--text-subheader-size:20px;--text-subheader-line-height:normal;--text-subheader-letter-spacing:-3px;--space-0:4px;--space-1:8px;--space-2:12px;--space-3:16px;--space-3-5:20px;--space-4:24px;--space-5:32px;--space-6:40px;--space-7:80px;--space-8:160px;--space-card-padding-top:35px;--space-card-padding-right:33px;--space-card-padding-bottom:26px;--space-card-padding-left:30px;--space-tag-padding-x:40px;--space-tag-padding-y:12px;--space-work-card-padding:20px;--space-work-card-gap:20px;--space-tag-to-heading:var(--space-3);--space-title-to-text:var(--space-1);--space-stacked-items:var(--space-5);--space-intro-to-content:var(--space-6);--space-section-inset-x:clamp(80px, 21.205vw - 137.35px, 168px);--space-sidebar-inner-gap:var(--space-6);--space-sidebar-intro-gap:var(--space-6);--radius-2xs:4px;--radius-xs:5px;--radius-tile:12px;--radius-sm:16px;--radius-image:15px;--radius-card:20px;--radius-pill:30px;--radius-full:9999px}@media (width<=1024px){:root{--text-display-xl-size:clamp(40px, 21.51px + 4.931vw, 72px);--text-h1-size:clamp(34px, 16.67px + 4.622vw, 64px);--text-h2-size:clamp(28px, 16.44px + 3.082vw, 48px);--text-h3-size:clamp(26px, 17.91px + 2.157vw, 40px);--text-h4-size:clamp(22px, 16.22px + 1.541vw, 32px);--text-h5-size:clamp(20px, 15.38px + 1.233vw, 28px);--text-body-lg-size:clamp(18px, 14.53px + .924vw, 24px);--text-body-md-size:clamp(17px, 15.27px + .462vw, 20px);--space-5:clamp(24px, 19.38px + 1.233vw, 32px);--space-6:clamp(24px, 14.76px + 2.465vw, 40px);--space-7:clamp(32px, 4.27px + 7.396vw, 80px);--space-8:clamp(64px, 8.53px + 14.792vw, 160px)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-white);color:var(--color-black);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}#root{min-height:100vh}::view-transition-old(root){animation-duration:.32s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-new(root){animation-duration:.32s;animation-timing-function:cubic-bezier(.16,1,.3,1)}.sidebar{background:var(--color-main-beige);border-radius:var(--radius-xs);color:var(--color-text-muted)}.sidebar-inner{gap:var(--space-sidebar-inner-gap);padding:var(--space-5) var(--space-4);flex-direction:column;display:flex}.intro{gap:var(--space-sidebar-intro-gap);flex-direction:column;display:flex}.intro-heading,.role-bio{gap:var(--space-1);flex-direction:column;display:flex}.sidebar-divider{background:var(--color-divider-muted);border:none;width:100%;height:1px;margin:0}.name,.site-footer-name,.work-card-title{font-optical-sizing:var(--font-optical-sizing-heading);font-variation-settings:var(--font-variation-heading)}.name{font-family:var(--font-heading);font-weight:var(--font-weight-h3);font-size:var(--text-h3-size);line-height:var(--text-h3-line-height);color:var(--color-text-muted);margin:0}.location{align-items:center;gap:var(--space-1);font-family:var(--font-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);text-transform:uppercase;margin:0;display:flex}.location-icon{flex-shrink:0;width:20px;height:20px}.role{font-family:var(--font-body);font-weight:700;font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);text-transform:uppercase;white-space:pre-wrap;margin:0}.bio{font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);margin:0}.nav-links{background:var(--color-nav-pill-bg);border-radius:var(--radius-card);padding:var(--space-3) 0;flex-direction:column;animation:4s ease-in-out infinite nav-pill-float;display:flex;overflow:hidden}@keyframes nav-pill-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.nav-links>a,.nav-link-pending{padding:var(--space-2) var(--space-work-card-padding);color:inherit;font-family:var(--font-body);font-weight:700;font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);align-items:center;text-decoration:none;display:flex}.nav-link-text{position:relative}.nav-link-text:after{content:"";transform-origin:0;background:currentColor;width:100%;height:1px;transition:transform .3s ease-out;position:absolute;bottom:-3px;left:0;transform:scaleX(0)}.nav-links>a:hover .nav-link-text:after,.nav-link-chat:hover .nav-link-text:after{transform:scaleX(1)}.nav-link-pending{cursor:default}.nav-link-chat{padding:var(--space-2) var(--space-work-card-padding);font-family:var(--font-body);font-weight:700;font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);color:inherit;flex-direction:column;align-items:flex-start;display:flex}.nav-link-chat-options{gap:var(--space-2);opacity:0;max-height:0;margin-top:0;transition:max-height .3s ease-out,margin-top .3s ease-out,opacity .2s ease-out;display:flex;overflow:hidden}.nav-link-chat:hover .nav-link-chat-options{max-height:36px;margin-top:var(--space-2);opacity:1}.nav-link-chat-icon{border-radius:var(--radius-2xs);background:var(--color-main-gold);width:36px;height:36px;color:var(--color-white);flex-shrink:0;justify-content:center;align-items:center;transition:background .15s ease-out;display:flex}.nav-link-chat-icon:hover{background:var(--color-main-yellow)}.nav-link-chat-icon svg{width:16px;height:16px}.toc{gap:var(--space-6);flex-direction:column;line-height:normal;display:flex}.toc-back{font-family:var(--font-body-alt);font-size:var(--text-body-md-size);color:var(--color-black);margin:0;text-decoration:none}.toc-back:hover{text-decoration:underline}.toc-group{gap:var(--space-3-5);flex-direction:column;display:flex}.toc-heading{font-family:var(--font-body);font-weight:700;font-size:var(--text-body-sm-size);color:var(--color-text-muted);margin:0}.toc-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.toc-item{font-family:var(--font-body);font-size:var(--text-body-sm-size);color:var(--color-black);text-decoration:none;display:block}.toc-item:hover{text-decoration:underline}.toc-item-muted{color:var(--color-text-muted)}.floating-back-to-top{right:var(--space-4);bottom:var(--space-4);z-index:40;border-radius:var(--radius-full);background:var(--color-main-gold);width:48px;height:48px;color:var(--color-white);cursor:pointer;opacity:0;pointer-events:none;border:none;justify-content:center;align-items:center;transition:opacity .2s ease-out,transform .2s ease-out,filter .15s ease-out;display:flex;position:fixed;transform:translateY(8px)}.floating-back-to-top-bioscent{background:var(--color-bioscent-green)}.floating-back-to-top-cookpilot{background:var(--color-cookpilot-dark-orange)}.floating-back-to-top-visualeyes{background:var(--color-visualeyes-dark-blue)}.floating-back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.floating-back-to-top:hover{filter:brightness(1.12)}.floating-back-to-top svg{width:20px;height:20px}.mobile-menu-toggle{top:var(--space-4);right:var(--space-4);z-index:110;border-radius:var(--radius-full);background:var(--color-main-gold);cursor:pointer;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;height:48px;transition:filter .15s ease-out;display:none;position:fixed}.mobile-menu-toggle:hover{filter:brightness(1.12)}.mobile-menu-toggle-bar{border-radius:var(--radius-full);background:var(--color-white);width:20px;height:2px;transition:transform .25s ease-out,opacity .15s ease-out}.mobile-menu-toggle.is-open .mobile-menu-toggle-bar:first-child{transform:translateY(7px)rotate(45deg)}.mobile-menu-toggle.is-open .mobile-menu-toggle-bar:nth-child(2){opacity:0}.mobile-menu-toggle.is-open .mobile-menu-toggle-bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu-backdrop{z-index:90;opacity:0;pointer-events:none;background:#0006;transition:opacity .25s ease-out;display:none;position:fixed;inset:0}.mobile-menu-backdrop.is-visible{opacity:1;pointer-events:auto}@media (width<=1024px){.mobile-menu-toggle,.mobile-menu-backdrop{display:flex}.sidebar{z-index:100;border-radius:0;width:min(85vw,360px);transition:transform .3s ease-out;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 0 24px #00000026}.sidebar.mobile-menu-open{transform:translate(0)}.name{font-size:32px}}@media (width<=639px){.mobile-menu-toggle{top:var(--space-3);right:var(--space-3);width:44px;height:44px}}@media (width>=640px){.sidebar-inner{padding:var(--space-6) var(--space-5)}}@media (width>=1025px){.sidebar{flex:0 0 340px;width:340px}.sidebar.sidebar-toc{flex-basis:280px;width:280px}.sidebar-inner{padding:var(--space-7) var(--space-6);position:sticky;top:0}}.site-footer{gap:var(--space-3-5);background:var(--color-main-gold);padding:var(--space-4);flex-direction:column;display:flex}@media (width>=640px){.site-footer{padding:var(--space-5) var(--space-6)}}@media (width>=1025px){.site-footer{padding:var(--space-6) var(--space-7)}}@media (width<=1024px){.site-footer{padding-bottom:calc(var(--space-4) + 48px + var(--space-3))}}.site-footer-cookpilot{background:var(--color-cookpilot-dark-orange)}.site-footer-cookpilot .social-icon{color:var(--color-cookpilot-dark-orange)}.site-footer-bioscent{background:var(--color-bioscent-green)}.site-footer-bioscent .social-icon{color:var(--color-bioscent-green)}.site-footer-visualeyes{background:var(--color-visualeyes-dark-blue)}.site-footer-visualeyes .social-icon{color:var(--color-visualeyes-dark-blue)}.site-footer-top{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.site-footer-socials{gap:var(--space-0);display:flex}.social-icon{background:var(--color-white);border-radius:var(--radius-2xs);width:33.6px;height:33.6px;color:var(--color-main-gold);justify-content:center;align-items:center;display:flex}.social-icon-glyph{width:16.8px;height:auto}.social-icon-plain{width:33.6px;height:33.6px;color:inherit;display:flex}.social-icon-plain svg{width:100%;height:100%}.site-footer-name{font-family:var(--font-heading);font-weight:var(--font-weight-h3);font-size:var(--text-h3-size);line-height:var(--text-h3-line-height);color:var(--color-white);margin:0}.site-footer-nav{row-gap:var(--space-2);column-gap:var(--space-4);flex-wrap:wrap;display:flex}@media (width>=640px){.site-footer-nav{column-gap:var(--space-6)}}.site-footer-nav a,.site-footer-nav .nav-link-pending{color:var(--color-white);font-family:var(--font-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);text-transform:none;padding:0;text-decoration:none}.site-footer-nav a:hover{text-decoration:underline}.site-footer-divider{border:none;border-top:.5px solid var(--color-white);width:100%;height:0;margin:0}.site-footer-copyright{font-family:var(--font-body);font-size:var(--text-body-sm-size);color:var(--color-white);margin:0}.thumbnail-media{position:relative;container-type:inline-size}.thumbnail-image{width:100%;aspect-ratio:var(--thumbnail-aspect,462 / 245);object-fit:cover;border-radius:var(--radius-image);display:block}.bioscent-detect{pointer-events:none;width:2.16cqw;height:2.16cqw;position:absolute;transform:translate(-50%,-50%)}.bioscent-detect-core{background:radial-gradient(circle,#fffffff2 0%,#ffffff59 60%,#fff0 100%);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 1.3cqw #fffc}.bioscent-detect-ring{border:max(1px,.3cqw) solid #ffffffd9;border-radius:50%;animation:2.6s ease-out infinite bioscent-ping;position:absolute;inset:0}.bioscent-detect-ring:nth-child(2){animation-delay:1.3s}@keyframes bioscent-ping{0%{opacity:.75;transform:scale(1)}to{opacity:0;transform:scale(9)}}.sky-frames{pointer-events:none;position:absolute;inset:0}.sky-frame{height:auto;animation:5s ease-in-out infinite sky-frame-drift;position:absolute}.sky-frame:first-child{animation-duration:5.4s;animation-delay:-.8s}.sky-frame:nth-child(2){animation-duration:4.6s;animation-delay:-2.6s}.sky-frame:nth-child(3){animation-duration:6.1s;animation-delay:-1.4s}.sky-frame:nth-child(4){animation-duration:4.9s;animation-delay:-3.5s}@keyframes sky-frame-drift{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3cqw)rotate(-1.6deg)}}.cook-instructions{pointer-events:none;max-width:74%;position:absolute;top:2.6cqw;left:2.6cqw}.cook-instruction-card{color:var(--color-white);opacity:0;background:#0f0f0fe0;border-radius:2.6cqw;padding:2.16cqw 3.03cqw;transition:opacity .7s ease-in-out;animation:3.2s ease-in-out infinite cook-instruction-float}.cook-instruction-card.is-visible{opacity:1}.cook-instruction-label{font-family:var(--font-body);color:#ffffffb3;align-items:center;gap:1.3cqw;margin-bottom:1.3cqw;font-size:clamp(10px,2.81cqw,17px);display:flex}.cook-instruction-text{font-family:var(--font-body);margin:0;font-size:clamp(11px,3.25cqw,20px);font-weight:600;line-height:1.3}.cook-instruction-highlight{color:#ff7a45}.cook-instruction-meta{font-family:var(--font-body);color:#ffffffb3;align-items:center;gap:.87cqw;margin-top:1.73cqw;font-size:clamp(10px,2.81cqw,17px);display:flex}.cook-instruction-clock{flex-shrink:0;width:clamp(11px,3.03cqw,18px);height:clamp(11px,3.03cqw,18px)}@keyframes cook-instruction-float{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-.65cqw)rotate(-1.5deg)}75%{transform:translateY(.65cqw)rotate(1.5deg)}}.home{background:var(--color-white);flex-direction:column;min-height:100vh;display:flex}.work-card-title{font-optical-sizing:var(--font-optical-sizing-heading);font-variation-settings:var(--font-variation-heading)}.work-grid{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.work-column{display:contents}.work-card[data-project=bioscent]{order:1}.work-card[data-project=cookpilot]{order:2}.work-card[data-project=visualeyes]{order:3}.work-card[data-project=next-case-study]{order:4}.work-card{gap:var(--space-work-card-gap);background:var(--color-grey-bg);border-radius:var(--radius-card);padding:var(--space-work-card-padding);color:inherit;cursor:pointer;flex-direction:column;text-decoration:none;display:flex;position:relative}.work-card-cursor-caption{padding:var(--space-1) var(--space-2);border-radius:var(--radius-2xs);color:var(--color-white);font-family:var(--font-mono);font-size:var(--text-caption-size);letter-spacing:.06em;white-space:nowrap;pointer-events:none;z-index:2;opacity:0;background:#171714eb;font-weight:700;line-height:1.4;transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:translate(16px,-120%)scale(.96)}@media (hover:hover) and (pointer:fine){.work-card-cursor-caption.is-visible{opacity:1;transform:translate(16px,-130%)scale(1)}}.work-card-title-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.work-card-tap-hint{padding:var(--space-1) var(--space-2);border-radius:var(--radius-2xs);color:var(--color-white);font-family:var(--font-mono);font-size:var(--text-caption-size);letter-spacing:.06em;white-space:nowrap;background:#171714eb;flex-shrink:0;font-weight:700;line-height:1.4;display:none}.work-card.is-revealed .work-card-tap-hint{display:inline-flex}.work-card-media{gap:var(--space-3);flex-direction:column;display:flex}.work-card-placeholder{background:var(--color-white);color:var(--color-grey-04);font-family:var(--font-placeholder-glyph);font-weight:500;font-size:calc(var(--text-display-xl-size) * 4 / 3);justify-content:center;align-items:center;line-height:1;display:flex}.work-card-placeholder-glyph{animation:3s cubic-bezier(.45,0,.55,1) infinite placeholder-glyph-float;display:inline-block}@keyframes placeholder-glyph-float{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-3px)rotate(-4.8deg)}50%{transform:translateY(-6px)rotate(0)}75%{transform:translateY(-3px)rotate(4.8deg)}}@media (prefers-reduced-motion:reduce){.work-card-placeholder-glyph{animation:none}}.work-card-heading{gap:var(--space-3);flex-direction:column;display:flex}.work-card-title{font-family:var(--font-heading);font-weight:var(--font-weight-h4);font-size:var(--text-h4-size);line-height:var(--text-h4-line-height);color:var(--color-black);margin:0}.work-card-description{font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);color:var(--color-black);margin:0}.work-card-divider{background:var(--color-black);border:none;width:100%;height:.6px;margin:0}.work-card-meta{font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);color:var(--color-black);flex-direction:column;display:flex}.work-card-meta p{margin:0}.work-card-reveal{max-height:0;margin-top:calc(-1 * var(--space-work-card-gap));transition:max-height .5s ease-out,margin-top .5s ease-out;overflow:hidden}@media (hover:hover) and (pointer:fine){.work-card:hover .work-card-reveal{max-height:200px;margin-top:0}}.work-card.is-revealed .work-card-reveal{max-height:200px;margin-top:0}.work-card-reveal-inner{font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);color:var(--color-black)}.work-card-reveal-inner p:first-child{font-weight:700}.work-card-reveal-inner p{margin:0}@media (width>=640px){.work-grid{align-items:flex-start;gap:var(--space-4);padding:var(--space-5);flex-direction:row}.work-column{gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}}@media (width>=1025px){.home{flex-direction:row;align-items:stretch}.work-grid{gap:var(--space-3);padding:var(--space-7);flex:1}.work-column{gap:var(--space-3)}}.section-video{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.section-video-sound-toggle{right:var(--space-3);bottom:var(--space-3);width:40px;height:40px;color:var(--color-white);cursor:pointer;z-index:1;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.section-video-sound-toggle svg{width:20px;height:20px}.section-video-sound-toggle:hover{background:#000c}.case-study{background:var(--color-white);flex-direction:column;min-height:100vh;display:flex}.case-study-main{flex-direction:column;display:flex}.case-study-section{padding:var(--space-4);flex-direction:column;display:flex}.case-study-hero{gap:var(--space-6)}.case-study-hero-info{gap:var(--space-3);flex-direction:column;display:flex}.case-study-hero-intro{gap:var(--space-1);flex-direction:column;display:flex}.case-study-title{font-family:var(--font-heading);font-weight:var(--font-weight-h3);font-size:var(--text-h3-size);line-height:var(--text-h3-line-height);color:var(--color-black);font-optical-sizing:var(--font-optical-sizing-heading);font-variation-settings:var(--font-variation-heading);margin:0}.case-study-subtitle{font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-body-md-size);line-height:var(--text-body-md-line-height);color:var(--color-black);margin:0}.case-study-hero-banner{border-radius:var(--radius-image);overflow:hidden}.case-study-meta{gap:var(--space-6);background:var(--color-bioscent-green);border-radius:var(--radius-card);padding:var(--space-6) var(--space-7);font-family:var(--font-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);color:var(--color-bioscent-beige);flex-direction:column;display:flex}.case-study-meta-column{gap:var(--space-3-5);flex-direction:column;min-width:0;display:flex}.case-study-meta-block p{margin:0}.case-study-meta:not(.case-study-meta-visualeyes) .case-study-meta-block p:first-child{font-weight:700}.case-study-meta-block-skills{width:304px;max-width:100%}.case-study-tag{background:var(--color-bioscent-green-light);border-radius:var(--radius-pill);width:fit-content;height:32px;padding:0 var(--space-4);font-family:var(--font-body);font-size:var(--text-label-size);color:var(--color-black);white-space:nowrap;justify-content:center;align-items:center;line-height:normal;display:inline-flex}.case-study-section-intro{gap:var(--space-tag-to-heading);flex-direction:column;width:100%;display:flex}.case-study-section-heading{font-family:var(--font-heading);font-weight:var(--font-weight-h5);font-size:var(--text-h5-size);line-height:var(--text-h5-line-height);color:var(--color-black);font-optical-sizing:var(--font-optical-sizing-heading);font-variation-settings:var(--font-variation-heading);margin:0}.case-study-section-description{font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);color:var(--color-black);margin:0}.case-study-assumptions-inner{align-items:flex-start;gap:var(--space-intro-to-content);flex-direction:column;display:flex}.case-study-assumptions-list{counter-reset:assumption;gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.case-study-assumptions-item{counter-increment:assumption;background:var(--color-grey-bg);border-radius:var(--radius-card);padding:var(--space-6) var(--space-3);padding-left:calc(var(--space-3) + 24px);text-indent:-24px;font-family:var(--font-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);color:var(--color-black)}.case-study-assumptions-item:before{content:counter(assumption) ". "}.case-study-assumptions-item-translucent{background:var(--color-sidebar-bg)}.case-study-inspiration{gap:var(--space-3-5)}.case-study-inspiration>.case-study-section-intro{margin-bottom:calc(var(--space-intro-to-content) - 20px)}.case-study-inspiration-images{gap:var(--space-3);width:100%;display:flex}.case-study-inspiration-image{aspect-ratio:325/426;border-radius:var(--radius-tile);flex:1;max-width:325px;position:relative;overflow:hidden}.case-study-inspiration-image img{max-width:none;position:absolute}.case-study-inspiration-image-dog{width:209.1%;height:108.92%;top:-3.66%;left:-4.48%}.case-study-inspiration-image-article{width:245%;height:127.62%;top:-4.45%;left:-136.01%}.case-study-inspiration-description{flex-direction:column;gap:1em;width:100%;display:flex}.case-study-research{gap:var(--space-intro-to-content)}.case-study-research-intro{gap:var(--space-tag-to-heading);flex-direction:column;width:100%;display:flex}.case-study-research-body{gap:var(--space-3);flex-direction:column;width:100%;display:flex;overflow-x:clip}.case-study-research-nav{gap:var(--space-2);align-items:center;display:flex}.case-study-research-nav-button{width:40px;height:40px;padding:var(--space-1);background:var(--color-bioscent-green);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.case-study-research-nav-button svg{width:24px;height:24px}@keyframes case-study-research-slide-in-right{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes case-study-research-slide-in-left{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}.case-study-research-content{gap:var(--space-6);flex-direction:column;animation:.4s case-study-research-slide-in-right;display:flex}.case-study-research-content[data-direction="-1"]{animation-name:case-study-research-slide-in-left}@media (prefers-reduced-motion:reduce){.case-study-research-content{animation:none}}.case-study-research-facts{align-items:flex-start;gap:var(--space-3);flex-direction:column;width:428px;max-width:100%;display:flex}.case-study-research-fact-title{font-family:var(--font-heading);font-weight:var(--font-weight-h5);font-size:var(--text-h5-size);line-height:var(--text-h5-line-height);color:var(--color-black);font-optical-sizing:var(--font-optical-sizing-heading);font-variation-settings:var(--font-variation-heading);margin:0}.case-study-research-fact-description{flex-direction:column;gap:1em;width:100%;display:flex}.case-study-research-fact-description>p{font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);color:var(--color-black);margin:0}.case-study-research-tech-list{flex-direction:column;display:flex}.case-study-research-tech-list p{font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-label-size);color:var(--color-black);margin:0;line-height:normal}.case-study-research-card{aspect-ratio:351/371;border-radius:var(--radius-tile);width:100%;max-width:351px;position:relative;overflow:hidden}.case-study-research-card-bg{background-image:none;background-position:50% 100%;background-repeat:no-repeat;background-size:320%;position:absolute;inset:0}.case-study-research-card-collage{position:absolute;inset:19.6px 18.48px 14.56px 16.8px}.case-study-research-screenshot{border-radius:var(--radius-2xs);position:absolute;box-shadow:0 4px 12px #00000026}.case-study-research-screenshot-1{width:65.87%;top:6.9%;left:3.88%}.case-study-research-screenshot-2{width:58.42%;top:40.84%;left:36.78%}.case-study-research-screenshot-main{object-fit:cover;border-radius:var(--radius-tile);width:100%;height:100%;position:absolute;inset:0}.case-study-research-dots{justify-content:center;align-items:center;gap:var(--space-1);width:100%;display:flex}.case-study-research-dot{background:var(--color-bioscent-green);opacity:.35;cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:opacity .2s,transform .2s}.case-study-research-dot:hover{opacity:.6}.case-study-research-dot-active{opacity:1;transform:scale(1.25)}.case-study-how-might-we{gap:var(--space-3)}.case-study-hmw-card{background:var(--color-bioscent-green);border-radius:var(--radius-card);width:100%;min-height:160px;padding:var(--space-6);box-sizing:border-box;flex-direction:column;justify-content:center;display:flex}.case-study-hmw-question{font-family:var(--font-heading);font-weight:var(--font-weight-h5);font-size:var(--text-h5-size);line-height:var(--text-h5-line-height);color:var(--color-bioscent-beige);font-optical-sizing:var(--font-optical-sizing-heading);font-variation-settings:var(--font-variation-heading);margin:0}.case-study-ecosystem-inner{align-items:flex-start;gap:var(--space-intro-to-content);flex-direction:column;width:100%;display:flex}.case-study-ecosystem-intro{align-items:flex-start;gap:var(--space-3);flex-direction:column;width:100%;display:flex}.case-study-ecosystem-heading{font-family:var(--font-heading);font-weight:var(--font-weight-h5);font-size:var(--text-h5-size);line-height:var(--text-h5-line-height);color:var(--color-black);font-optical-sizing:var(--font-optical-sizing-heading);font-variation-settings:var(--font-variation-heading);margin:0}.case-study-ecosystem-diagram{border-radius:var(--radius-card);width:100%;height:auto;display:block}.case-study-ecosystem-diagram-frame{width:100%}@media (width<=1024px){.case-study-ecosystem-diagram-frame{-webkit-overflow-scrolling:touch;overflow-x:auto}.case-study-ecosystem-diagram{width:800px;max-width:none}}.case-study-journey-tracks{gap:var(--space-6);width:100%;margin-top:var(--space-tag-to-heading);flex-direction:column;display:flex;container-type:inline-size}.user-journey-track{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.user-journey-track-heading{font-family:var(--font-heading);font-weight:var(--font-weight-h5);font-size:var(--text-h5-size);line-height:var(--text-h5-line-height);color:var(--color-black);font-optical-sizing:var(--font-optical-sizing-heading);font-variation-settings:var(--font-variation-heading);margin:0}.user-journey-track-row{flex-wrap:wrap;align-items:center;gap:.356cqw;display:flex}.user-journey-connector{width:3.207cqw;height:1.276cqw;color:var(--color-bioscent-green);flex:none}.user-journey-card{box-sizing:border-box;border-radius:1.782cqw;flex-direction:column;flex:none;align-items:center;gap:1.425cqw;width:16.661cqw;padding:1.782cqw;display:flex}.user-journey-card-beige{background:var(--color-bioscent-beige)}.user-journey-card-green{background:var(--color-bioscent-green-light)}.user-journey-card-text{flex-direction:column;align-items:flex-start;gap:.713cqw;width:100%;display:flex}.user-journey-card-number{background:var(--color-bioscent-forest);width:2.673cqw;height:2.673cqw;color:var(--color-bioscent-green-light);font-family:var(--font-body-alt);border-radius:50%;flex:none;justify-content:center;align-items:center;margin:0;font-size:1.782cqw;line-height:1;display:flex}.user-journey-card-title{font-family:var(--font-subheader);letter-spacing:-.053cqw;color:var(--color-bioscent-forest);margin:0;font-size:1.782cqw;line-height:normal}.user-journey-card-description{font-family:var(--font-body);font-weight:var(--font-weight-body);color:var(--color-bioscent-forest);margin:0;font-size:1.069cqw;line-height:1.2}.user-journey-card-icon-slot{flex:none;justify-content:center;align-items:center;width:9.176cqw;height:6.861cqw;display:flex}.user-journey-card-icon{object-fit:contain;max-width:100%;max-height:100%}@media (width<=1024px){.user-journey-track-row{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.user-journey-connector{display:none}.user-journey-card{gap:var(--space-2);width:100%;padding:var(--space-2);border-radius:var(--radius-tile)}.user-journey-card-text{gap:var(--space-1)}.user-journey-card-number{width:24px;height:24px;font-size:var(--text-label-size)}.user-journey-card-title{font-size:var(--text-small-size);letter-spacing:normal}.user-journey-card-description{font-size:var(--text-label-size)}.user-journey-card-icon-slot{width:56px;height:42px;margin-top:auto}}.case-study-solution{gap:var(--space-3)}.solution-body{align-items:stretch;gap:var(--space-3);flex-direction:column;width:100%;display:flex}.solution-feature-list{gap:var(--space-3);flex-direction:column;width:100%;min-width:0;display:flex}.solution-feature{justify-content:center;gap:var(--space-title-to-text);min-height:160px;padding:var(--space-4) var(--space-6);border-radius:var(--radius-card);text-align:left;cursor:pointer;box-sizing:border-box;font:inherit;color:inherit;background:#f5f5f5;border:none;flex-direction:column;display:flex}.solution-feature-active{background:var(--color-bioscent-green)}.solution-feature-active .solution-feature-title,.solution-feature-active .solution-feature-description{color:var(--color-bioscent-beige)}.solution-feature-title{font-family:var(--font-heading);font-weight:var(--font-weight-h5);font-size:var(--text-h5-size);line-height:var(--text-h5-line-height);color:var(--color-black);margin:0}.solution-feature-description{font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);color:var(--color-black);margin:0}.solution-mockup{justify-content:center;align-items:flex-start;width:100%;min-width:0;display:flex}.solution-phone{aspect-ratio:9/19.5;background:var(--color-bioscent-forest);box-sizing:border-box;border:2px solid #ffffff14;border-radius:54px;width:100%;max-width:340px;position:relative;overflow:hidden;box-shadow:0 20px 40px -20px #32322466}.solution-phone-notch{aspect-ratio:100/28;background:var(--color-bioscent-forest);border-radius:var(--radius-full);z-index:1;width:28%;max-width:100px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.solution-phone-screen{box-sizing:border-box;background:var(--color-bioscent-forest);border-radius:40px;position:absolute;inset:14px;overflow:hidden}.solution-phone-video{object-fit:cover;background:var(--color-black);border-radius:inherit;width:100%;height:100%;display:block}.case-study-limitation{gap:var(--space-intro-to-content)}.case-study-limitation-list{gap:var(--space-1);flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.case-study-limitation-item{justify-content:center;align-items:flex-start;gap:var(--space-title-to-text);background:var(--color-grey-bg);border-radius:var(--radius-card);width:100%;min-width:0;padding:var(--space-6) var(--space-3-5);box-sizing:border-box;flex-direction:column;flex:1;display:flex}.case-study-limitation-item-title{width:100%;font-family:var(--font-heading);font-weight:var(--font-weight-h5);font-size:var(--text-h5-size);line-height:var(--text-h5-line-height);color:var(--color-black);font-optical-sizing:var(--font-optical-sizing-heading);font-variation-settings:var(--font-variation-heading);margin:0}.case-study-limitation-item-description{width:100%;font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);color:var(--color-black);margin:0}.case-study-reflection{gap:var(--space-6)}.case-study-reflection-columns{gap:var(--space-stacked-items);flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.case-study-reflection-column{gap:var(--space-title-to-text);flex-direction:column;display:flex}.case-study-reflection-column-title{font-family:var(--font-heading);font-weight:var(--font-weight-h5);font-size:var(--text-h5-size);line-height:var(--text-h5-line-height);color:var(--color-black);font-optical-sizing:var(--font-optical-sizing-heading);font-variation-settings:var(--font-variation-heading);margin:0}.case-study-reflection-column-description{font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-body-sm-size);color:var(--color-black);margin:0;line-height:1.3}.case-study-reflection-collage{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.case-study-reflection-collage-item{cursor:default;position:relative;overflow:hidden}.case-study-reflection-collage-photo{object-fit:cover;width:100%;height:100%;display:block}.case-study-reflection-collage-wide{aspect-ratio:817/471;border-radius:var(--radius-sm);width:100%;height:auto}.case-study-reflection-collage-row{gap:var(--space-3);width:100%;display:flex}.case-study-reflection-collage-portrait{aspect-ratio:266/300;border-radius:var(--radius-tile);flex:1;width:100%;min-width:0;height:auto}@media (width<=639px){.case-study-reflection-collage-row{flex-direction:column}.case-study-reflection-collage-portrait{flex:none}}.case-study-reflection-collage-caption{max-width:min(220px,80%);padding:var(--space-1) var(--space-2);border-radius:var(--radius-2xs);color:var(--color-white);font-family:var(--font-mono);font-size:var(--text-caption-size);letter-spacing:.06em;pointer-events:none;z-index:2;opacity:0;background:#171714eb;font-weight:700;line-height:1.4;transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:translate(16px,-120%)scale(.96)}.case-study-reflection-collage-caption.is-visible{opacity:1;transform:translate(16px,-130%)scale(1)}.case-study-thank-you{gap:var(--space-3)}.case-study-thank-you-eyebrow{font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-body-md-size);line-height:var(--text-body-md-line-height);color:var(--color-black);margin:0}.case-study-thank-you-card{gap:var(--space-1);background:var(--color-bioscent-green-light);border-radius:var(--radius-card);width:100%;padding:var(--space-6);flex-direction:column;display:flex}.case-study-thank-you-title{font-family:var(--font-heading);font-weight:var(--font-weight-h2);font-size:var(--text-h2-size);line-height:var(--text-h2-line-height);color:var(--color-black);font-optical-sizing:var(--font-optical-sizing-heading);font-variation-settings:var(--font-variation-heading);margin:0}.case-study-thank-you-description{font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-body-md-size);line-height:var(--text-body-md-line-height);color:var(--color-black);margin:0}@media (width<=1024px){.case-study-meta{column-gap:var(--space-4);row-gap:var(--space-5);padding-left:var(--space-4);padding-right:var(--space-4);flex-flow:wrap}.case-study-meta-column{flex:1 1 0;min-width:0}}@media (width<=639px){.case-study-meta{flex-direction:column}.case-study-meta-column{flex:none}}@media (width>=640px){.case-study-section{padding:var(--space-5)}}@media (width>=1025px){.case-study{flex-direction:row;align-items:stretch}.case-study-main{flex:1;min-width:0}.case-study-section{padding:var(--space-7) var(--space-section-inset-x)}.case-study-assumptions,.case-study-problem,.case-study-inspiration,.case-study-research,.case-study-how-might-we,.case-study-ecosystem,.case-study-limitation,.case-study-thank-you{padding-top:var(--space-6);padding-bottom:var(--space-6)}.case-study-hero{padding-bottom:var(--space-6)}.case-study-meta{gap:var(--space-6);flex-direction:row}.case-study-assumptions-list{flex-direction:row}.case-study-assumptions-item{flex:1 0;min-width:0}.case-study-research-content{flex-direction:row;align-items:flex-start}.case-study-research-card{flex:0 351px;width:auto;min-width:0;max-width:351px}.case-study-limitation-list{flex-direction:row;align-items:stretch}.case-study-limitation-item{flex:1;min-width:0;max-width:268px}.solution-body{flex-direction:row;align-items:flex-start}.solution-feature-list{flex:461}.solution-feature{min-height:160px}.solution-mockup{flex:340}.case-study-reflection-columns{flex-direction:row;align-items:flex-start}.case-study-reflection-column{flex:1 0;min-width:0}}.case-study-meta-cookpilot{background:var(--color-cookpilot-dark-orange)}.case-study-tag-cookpilot{background:var(--color-cookpilot-orange)}.case-study-theme{gap:var(--space-3)}.case-study-theme-quote{width:100%;font-family:var(--font-heading);font-weight:var(--font-weight-h5);font-size:var(--text-h5-size);line-height:var(--text-h5-line-height);color:var(--color-black);font-optical-sizing:var(--font-optical-sizing-heading);font-variation-settings:var(--font-variation-heading)}.case-study-theme-quote p{margin:0}@media (width>=1025px){.case-study-theme{padding-top:var(--space-6);padding-bottom:var(--space-6)}}.case-study-problem{gap:var(--space-6);align-items:center}.case-study-statement-intro{align-items:flex-start;gap:var(--space-3);flex-direction:column;width:100%;display:flex}.case-study-statement-heading-group{align-items:flex-start;gap:var(--space-1);flex-direction:column;display:flex}.case-study-statement-heading{font-family:var(--font-heading);font-weight:var(--font-weight-h5);font-size:var(--text-h5-size);line-height:var(--text-h5-line-height);color:var(--color-black);font-optical-sizing:var(--font-optical-sizing-heading);font-variation-settings:var(--font-variation-heading);margin:0}.case-study-statement-description{font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);color:var(--color-black);margin:0}.case-study-problem-photo{aspect-ratio:825/453;background:var(--color-black);border-radius:var(--radius-card);width:100%;position:relative;overflow:hidden}.case-study-problem-photo-image{object-fit:contain;border-radius:inherit;width:100%;height:100%;display:block}@media (width>=1025px){.case-study-problem-photo{aspect-ratio:auto;height:453px}}.case-study-problem-sound-toggle{right:var(--space-3);bottom:var(--space-3);width:40px;height:40px;color:var(--color-white);cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.case-study-problem-sound-toggle svg{width:20px;height:20px}.case-study-problem-sound-toggle:hover{background:#000c}.case-study-pain-points-list{gap:var(--space-1);flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.case-study-pain-points-item{background:var(--color-grey-bg);border-radius:var(--radius-card);min-width:0;padding:var(--space-6) var(--space-3-5);box-sizing:border-box;font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);color:var(--color-black);flex:1;align-items:center;display:flex}.case-study-pain-points-item-alt{background:var(--color-sidebar-bg)}@media (width>=1025px){.case-study-pain-points-list{flex-direction:row}}.case-study-statement-description-sm{font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);color:var(--color-black);margin:0}.case-study-statement-description-sm p{margin:0 0 var(--space-3) 0}.case-study-statement-description-sm p:last-child{margin-bottom:0}.case-study-existing-solution{gap:var(--space-6);align-items:center}@media (width>=1025px){.case-study-existing-solution{padding-top:var(--space-6);padding-bottom:var(--space-6)}}.case-study-existing-solution-pairs{gap:var(--space-stacked-items);flex-direction:column;align-self:flex-start;width:100%;margin:0;padding:0;list-style:none;display:flex}.case-study-existing-solution-pair{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.case-study-existing-solution-image{aspect-ratio:296/372;border-radius:var(--radius-sm);flex:none;width:100%;position:relative;overflow:hidden}.case-study-existing-solution-image img{object-fit:cover;width:100%;height:100%;display:block}.case-study-comparison-item{background:var(--color-grey-bg);border-radius:var(--radius-card);padding:var(--space-6) var(--space-3);box-sizing:border-box;font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);color:var(--color-black);flex:auto;align-items:center;margin:0;display:flex}.case-study-comparison-item-alt{background:var(--color-sidebar-bg)}@media (width>=640px){.case-study-existing-solution-pairs{gap:var(--space-3);flex-direction:row;max-width:605px}.case-study-existing-solution-pair{flex:1 1 0}}.case-study-solution{gap:var(--space-6);align-items:center}@media (width>=1025px){.case-study-solution,.case-study-tech-stack,.case-study-future-improvements,.case-study-cookpilot-reflection,.case-study-cookpilot-thank-you{padding-top:var(--space-6);padding-bottom:var(--space-6)}}.case-study-solution-block{align-items:flex-start;gap:var(--space-6);flex-direction:column;width:100%;display:flex}.case-study-solution-block-intro{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.case-study-solution-description{font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);color:var(--color-black)}.case-study-solution-description p{margin:0 0 var(--space-3) 0}.case-study-solution-description p:last-child{margin-bottom:0}.case-study-solution-nav{align-items:center;gap:var(--space-2);display:flex}.case-study-solution-nav-button{border-radius:var(--radius-full);background:var(--color-cookpilot-dark-orange);width:41px;height:41px;color:var(--color-white);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;display:flex}.case-study-solution-nav-button:hover{opacity:.85}.case-study-solution-nav-button svg{width:24px;height:24px}.case-study-solution-steps-photo{object-fit:cover;width:100%;height:100%;display:block}.case-study-solution-dots{justify-content:center;align-items:center;gap:var(--space-1);width:100%;display:flex}.case-study-solution-dot{background:var(--color-cookpilot-dark-orange);opacity:.35;cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:opacity .2s,transform .2s}.case-study-solution-dot:hover{opacity:.6}.case-study-solution-dot-active{opacity:1;transform:scale(1.25)}.case-study-solution-controls{align-items:flex-start;gap:var(--space-3);flex-direction:column;width:100%;display:flex;overflow-x:clip}.case-study-solution-step{align-items:flex-start;gap:var(--space-3);flex-direction:column;width:100%;animation:.4s case-study-research-slide-in-right;display:flex}.case-study-solution-step[data-direction="-1"]{animation-name:case-study-research-slide-in-left}@media (prefers-reduced-motion:reduce){.case-study-solution-step{animation:none}}.case-study-solution-media-card{background:var(--color-sidebar-bg);border-radius:var(--radius-card);width:100%;padding:var(--space-4);box-sizing:border-box;justify-content:center;align-items:center;display:flex}.case-study-solution-media-frame{aspect-ratio:781/449;background:var(--color-black);border-radius:var(--radius-sm);width:100%;position:relative;overflow:hidden}.case-study-during-cooking-video-image{object-fit:contain;border-radius:inherit;width:100%;height:100%;display:block}.case-study-during-cooking-voice-toggle{right:var(--space-3);bottom:var(--space-3);width:40px;height:40px;color:var(--color-white);cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.case-study-during-cooking-voice-toggle svg{width:20px;height:20px}.case-study-during-cooking-voice-toggle:hover{background:#000c}.case-study-tech-stack{gap:var(--space-6)}.case-study-tech-stack-diagram{width:100%;height:auto;display:block}.case-study-future-improvements{gap:var(--space-6)}.case-study-future-improvements-list{gap:var(--space-1);flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.case-study-future-improvements-item{background:var(--color-grey-bg);border-radius:var(--radius-card);min-width:0;padding:var(--space-6) var(--space-3);box-sizing:border-box;font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);color:var(--color-black);flex:1;align-items:center;display:flex}.case-study-future-improvements-item-alt{background:var(--color-sidebar-bg)}@media (width>=1025px){.case-study-future-improvements-list{flex-direction:row}}.case-study-cookpilot-reflection{gap:var(--space-6)}.case-study-cookpilot-reflection-columns{gap:var(--space-stacked-items);flex-direction:column;width:100%;display:flex}.case-study-cookpilot-reflection-column{gap:var(--space-title-to-text);flex-direction:column;display:flex}.case-study-cookpilot-reflection-column-description{font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-body-sm-size);color:var(--color-black);margin:0;line-height:1.3}.case-study-cookpilot-reflection-photos{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.case-study-cookpilot-reflection-photo-item{cursor:default;position:relative;overflow:hidden}.case-study-cookpilot-reflection-photo-img{object-fit:cover;width:100%;height:100%;display:block}.case-study-cookpilot-reflection-photo-wide{aspect-ratio:825/474.6;border-radius:var(--radius-sm);width:100%;height:auto}.case-study-cookpilot-reflection-photo-row{gap:var(--space-3);width:100%;display:flex}.case-study-cookpilot-reflection-photo-portrait{border-radius:var(--radius-sm);min-width:0;height:auto}.case-study-cookpilot-reflection-photo-portrait:first-child{aspect-ratio:417.944/537.212;flex:417.944}.case-study-cookpilot-reflection-photo-portrait:last-child{aspect-ratio:390/535;flex:390}@media (width<=639px){.case-study-cookpilot-reflection-photo-row{flex-direction:column}.case-study-cookpilot-reflection-photo-portrait:first-child,.case-study-cookpilot-reflection-photo-portrait:last-child{flex:none;width:100%}}.case-study-cookpilot-reflection-photo-caption{max-width:min(220px,80%);padding:var(--space-1) var(--space-2);border-radius:var(--radius-2xs);color:var(--color-white);font-family:var(--font-mono);font-size:var(--text-caption-size);letter-spacing:.06em;pointer-events:none;z-index:2;opacity:0;background:#171714eb;font-weight:700;line-height:1.4;transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:translate(16px,-120%)scale(.96)}.case-study-cookpilot-reflection-photo-caption.is-visible{opacity:1;transform:translate(16px,-130%)scale(1)}@media (width>=1025px){.case-study-cookpilot-reflection-columns{flex-direction:row}.case-study-cookpilot-reflection-column-fixed{flex:none;width:393px}.case-study-cookpilot-reflection-column:not(.case-study-cookpilot-reflection-column-fixed){flex:1;min-width:0}}.case-study-cookpilot-thank-you{gap:var(--space-3)}.case-study-cookpilot-thank-you-eyebrow{font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-body-md-size);line-height:var(--text-body-md-line-height);color:var(--color-black);margin:0}.case-study-cookpilot-thank-you-card{gap:var(--space-1);background:var(--color-cookpilot-dark-orange);border-radius:var(--radius-card);width:100%;padding:var(--space-6);box-sizing:border-box;flex-direction:column;display:flex}.case-study-cookpilot-thank-you-title{font-family:var(--font-heading);font-weight:var(--font-weight-h2);font-size:var(--text-h2-size);line-height:var(--text-h2-line-height);color:var(--color-white);font-optical-sizing:var(--font-optical-sizing-heading);font-variation-settings:var(--font-variation-heading);margin:0}.case-study-cookpilot-thank-you-description{font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-body-md-size);line-height:var(--text-body-md-line-height);color:var(--color-white);margin:0}.case-study-meta-visualeyes{background:var(--color-visualeyes-dark-blue);padding-top:var(--space-3-5);padding-bottom:var(--space-3-5)}@media (width>=1025px){.case-study-meta-visualeyes{justify-content:space-between}}.case-study-visualeyes-passion{gap:var(--space-6)}.case-study-tag-visualeyes{background:var(--color-visualeyes-dark-blue);color:var(--color-white)}.case-study-visualeyes-heading-group{gap:var(--space-1);flex-direction:column;display:flex}.case-study-visualeyes-heading{font-family:var(--font-heading);font-weight:var(--font-weight-h5);font-size:var(--text-h5-size);line-height:var(--text-h5-line-height);color:var(--color-black);font-optical-sizing:var(--font-optical-sizing-heading);font-variation-settings:var(--font-variation-heading);margin:0}.case-study-visualeyes-passion-images{flex-direction:column;align-items:flex-start;width:100%;display:flex}.case-study-visualeyes-passion-image{border-radius:var(--radius-sm);width:100%;height:auto;display:block}.case-study-visualeyes-passion-image-sm{border-radius:var(--radius-tile);width:50%}.case-study-visualeyes-callout{background:var(--color-visualeyes-dark-blue);border-radius:var(--radius-card);padding:var(--space-6);justify-content:center;align-items:center;width:100%;display:flex}.case-study-visualeyes-callout p{font-family:var(--font-heading);font-weight:var(--font-weight-h5);font-size:var(--text-h5-size);line-height:var(--text-h5-line-height);color:var(--color-bioscent-beige);font-optical-sizing:var(--font-optical-sizing-heading);font-variation-settings:var(--font-variation-heading);margin:0}.case-study-visualeyes-interview{gap:var(--space-6)}.case-study-visualeyes-observations{width:100%;font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);color:var(--color-black)}.case-study-visualeyes-observations p{margin:0}.case-study-visualeyes-observations ol{padding-left:var(--space-4);margin:0}.case-study-visualeyes-board-image{aspect-ratio:825/498;object-fit:cover;width:100%;height:auto;display:block}.case-study-visualeyes-interview-photos{gap:var(--space-2);opacity:.9;width:100%;display:flex}.case-study-visualeyes-interview-photo-item{cursor:default;aspect-ratio:266/355;border-radius:var(--radius-tile);flex:1;width:100%;min-width:0;height:auto;position:relative;overflow:hidden}.case-study-visualeyes-interview-photo{object-fit:cover;width:100%;height:100%;display:block}.case-study-visualeyes-interview-photo-caption{max-width:min(220px,80%);padding:var(--space-1) var(--space-2);border-radius:var(--radius-2xs);color:var(--color-white);font-family:var(--font-mono);font-size:var(--text-caption-size);letter-spacing:.06em;pointer-events:none;z-index:2;opacity:0;background:#171714eb;font-weight:700;line-height:1.4;transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:translate(16px,-120%)scale(.96)}.case-study-visualeyes-interview-photo-caption.is-visible{opacity:1;transform:translate(16px,-130%)scale(1)}.case-study-visualeyes-findings{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.case-study-visualeyes-findings-list{counter-reset:finding;gap:var(--space-1);flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.case-study-visualeyes-findings-item{counter-increment:finding;background:var(--color-grey-bg);border-radius:var(--radius-card);min-width:0;padding:var(--space-6) var(--space-3);padding-left:calc(var(--space-3) + 24px);text-indent:-24px;box-sizing:border-box;font-family:var(--font-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);color:var(--color-black);flex:1}.case-study-visualeyes-findings-item:before{content:counter(finding) ". "}.case-study-visualeyes-findings-item-alt{background:var(--color-sidebar-bg)}@media (width>=1025px){.case-study-visualeyes-findings-list{flex-direction:row}}.case-study-visualeyes-personas{gap:var(--space-intro-to-content);overflow-x:clip}.case-study-visualeyes-personas-intro{gap:var(--space-tag-to-heading);flex-direction:column;width:100%;display:flex}.case-study-tag-visualeyes-light{background:var(--color-visualeyes-blue)}.case-study-visualeyes-personas-card{gap:var(--space-6);align-items:flex-start;width:100%;animation:.4s case-study-visualeyes-personas-slide-in-right;display:flex}.case-study-visualeyes-personas-card[data-direction="-1"]{animation-name:case-study-visualeyes-personas-slide-in-left}@keyframes case-study-visualeyes-personas-slide-in-right{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes case-study-visualeyes-personas-slide-in-left{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.case-study-visualeyes-personas-card{animation:none}}.case-study-visualeyes-personas-image{aspect-ratio:354/371;object-fit:cover;border-radius:var(--radius-tile);flex-shrink:0;width:100%;max-width:354px}.case-study-visualeyes-personas-info{gap:var(--space-3);flex-direction:column;flex:1;min-width:0;display:flex}.case-study-visualeyes-personas-nav{gap:var(--space-2);align-items:center;display:flex}.case-study-visualeyes-personas-nav-button{width:40px;height:40px;padding:var(--space-1);background:var(--color-visualeyes-dark-blue);color:var(--color-white);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.case-study-visualeyes-personas-nav-button:hover{opacity:.85}.case-study-visualeyes-personas-nav-button svg{width:24px;height:24px}@media (width<=639px){.case-study-visualeyes-personas-card{flex-direction:column}}.case-study-visualeyes-hmw{gap:var(--space-3)}.case-study-visualeyes-existing-solution{gap:var(--space-6)}.case-study-visualeyes-existing-solution-photos{gap:var(--space-3);opacity:.9;width:100%;display:flex}.case-study-visualeyes-existing-solution-photo{aspect-ratio:262/350;object-fit:cover;border-radius:var(--radius-tile);flex:1;width:100%;min-width:0;height:auto;display:block}.case-study-visualeyes-criteria-block{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.case-study-visualeyes-criteria-list{gap:var(--space-1);flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.case-study-visualeyes-criteria-item{text-align:center;background:var(--color-grey-bg);border-radius:var(--radius-card);min-width:0;padding:var(--space-6) var(--space-3);box-sizing:border-box;font-family:var(--font-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);color:var(--color-black);flex:1;justify-content:center;align-items:center;display:flex}.case-study-visualeyes-criteria-item-translucent{background:var(--color-sidebar-bg)}@media (width>=1025px){.case-study-visualeyes-criteria-list{flex-direction:row}}.case-study-visualeyes-lowfi{gap:var(--space-6)}.case-study-visualeyes-lowfi-block,.case-study-visualeyes-lowfi-heading-group{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.case-study-visualeyes-lowfi-body{gap:var(--space-3-5);flex-direction:column;width:100%;display:flex}.case-study-visualeyes-lowfi-photos{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.case-study-visualeyes-lowfi-photo{object-fit:cover;border-radius:var(--radius-tile);flex:none;width:100%;min-width:0;height:auto;display:block}.case-study-visualeyes-lowfi-photo-intro{aspect-ratio:408.5/304.5}.case-study-visualeyes-lowfi-photo-safety{aspect-ratio:408.5/276}.case-study-visualeyes-lowfi-photo-privacy{aspect-ratio:406.5/290}.case-study-visualeyes-lowfi-versions{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.case-study-visualeyes-lowfi-version{justify-content:center;gap:var(--space-1);background:var(--color-grey-bg);border-radius:var(--radius-card);min-width:0;padding:var(--space-6) var(--space-3);box-sizing:border-box;font-family:var(--font-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);color:var(--color-black);flex-direction:column;flex:1;display:flex}.case-study-visualeyes-lowfi-version p{margin:0}.case-study-visualeyes-lowfi-version-alt{background:var(--color-sidebar-bg)}@media (width>=1025px){.case-study-visualeyes-lowfi-versions{flex-direction:row}}.case-study-visualeyes-hifi{gap:var(--space-6)}.case-study-visualeyes-hifi-block,.case-study-visualeyes-hifi-heading-group{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.case-study-visualeyes-hifi-image{aspect-ratio:825/446;object-fit:cover;border-radius:var(--radius-tile);width:100%;height:auto;display:block}.case-study-visualeyes-3dworld{gap:var(--space-6)}.case-study-visualeyes-3dworld-intro{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.case-study-visualeyes-experiment-heading-sm{width:100%;font-family:var(--font-heading);font-weight:var(--font-weight-h5);font-size:var(--text-h5-size);line-height:var(--text-h5-line-height);color:var(--color-black);font-optical-sizing:var(--font-optical-sizing-heading);font-variation-settings:var(--font-variation-heading);margin:0}.case-study-visualeyes-questions-list{gap:var(--space-1);flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.case-study-visualeyes-questions-item{text-align:center;background:var(--color-grey-bg);border-radius:var(--radius-card);min-width:0;padding:var(--space-6) var(--space-3);box-sizing:border-box;font-family:var(--font-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);color:var(--color-black);flex:1;justify-content:center;align-items:center;display:flex}.case-study-visualeyes-questions-item-translucent{background:var(--color-sidebar-bg)}@media (width>=1025px){.case-study-visualeyes-questions-list{flex-direction:row}}.case-study-visualeyes-3dworld-group{gap:var(--space-3-5);flex-direction:column;width:100%;display:flex}.case-study-visualeyes-3dworld-method{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.case-study-visualeyes-3dworld-method-header{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.case-study-visualeyes-3dworld-media-row{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.case-study-visualeyes-3dworld-media{aspect-ratio:408.5/228;background:var(--color-grey-bg);border-radius:var(--radius-sm);flex:none;width:100%;min-width:0;display:block;position:relative;overflow:hidden}@media (width>=1025px){.case-study-visualeyes-lowfi-photos,.case-study-visualeyes-3dworld-media-row{flex-direction:row}.case-study-visualeyes-lowfi-photo,.case-study-visualeyes-3dworld-media{flex:1}}.case-study-visualeyes-3dworld-media-single{aspect-ratio:825/464;background:var(--color-grey-bg);border-radius:var(--radius-card);width:100%;display:block;position:relative;overflow:hidden}.case-study-visualeyes-input-types{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.case-study-visualeyes-input-type{align-items:center;gap:var(--space-3);flex-direction:column;flex:1;width:100%;min-width:0;display:flex}.case-study-visualeyes-input-type-image{aspect-ratio:6/5;object-fit:cover;border-radius:var(--radius-tile);width:100%;height:auto;display:block}.case-study-visualeyes-input-type-text{text-align:center;background:var(--color-grey-bg);border-radius:var(--radius-card);width:100%;padding:var(--space-6) var(--space-3);box-sizing:border-box;font-family:var(--font-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);color:var(--color-black);justify-content:center;align-items:center;margin:0;display:flex}@media (width>=1025px){.case-study-visualeyes-input-types{flex-direction:row}.case-study-visualeyes-passion,.case-study-visualeyes-balance,.case-study-visualeyes-interview,.case-study-visualeyes-personas,.case-study-visualeyes-refined-challenge,.case-study-visualeyes-hmw,.case-study-visualeyes-existing-solution,.case-study-visualeyes-lowfi,.case-study-visualeyes-hifi,.case-study-visualeyes-3dworld,.case-study-visualeyes-quiz-input,.case-study-visualeyes-user-testing,.case-study-visualeyes-reflection,.case-study-visualeyes-thank-you{padding-top:var(--space-6);padding-bottom:var(--space-6)}}.case-study-visualeyes-quiz-input{gap:var(--space-intro-to-content)}.case-study-visualeyes-quiz-body{align-items:flex-start;gap:var(--space-3-5);flex-direction:column;width:100%;display:flex}.case-study-visualeyes-quiz-prompt{box-sizing:border-box;background:var(--color-grey-bg);border-radius:var(--radius-card);width:100%;min-width:0;padding:var(--space-6) var(--space-5);flex:1}.case-study-visualeyes-quiz-prompt-text{font-family:var(--font-body);font-size:var(--text-body-sm-size);color:var(--color-black);margin:0;line-height:1.6}.case-study-visualeyes-quiz-segment{border-radius:var(--radius-2xs);background:var(--quiz-color-soft);color:#00000073;padding:.05em .4em;transition:background .2s,color .2s}.case-study-visualeyes-quiz-segment.is-active{background:var(--quiz-color);color:var(--color-white);font-weight:600}.case-study-visualeyes-quiz-prompt-note{margin:var(--space-3) 0 0;font-family:var(--font-body);font-style:italic;font-size:var(--text-label-size);color:var(--color-grey-04)}.case-study-visualeyes-quiz-questions{gap:var(--space-2);flex-direction:column;flex:1;width:100%;min-width:0;display:flex}.case-study-visualeyes-quiz-question{gap:var(--space-title-to-text);box-sizing:border-box;background:var(--color-grey-bg);border-radius:var(--radius-card);width:100%;padding:var(--space-3) var(--space-4);font:inherit;color:inherit;text-align:left;cursor:pointer;border:2px solid #0000;flex-direction:column;transition:border-color .2s,background .2s;display:flex}.case-study-visualeyes-quiz-question:hover{border-color:var(--quiz-color-soft)}.case-study-visualeyes-quiz-question.is-active{border-color:var(--quiz-color);background:var(--quiz-color-soft)}@media (width>=1025px){.case-study-visualeyes-quiz-body{flex-direction:row}}.case-study-visualeyes-user-testing{gap:var(--space-intro-to-content)}.case-study-visualeyes-testing-pairs{gap:var(--space-stacked-items);flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.case-study-visualeyes-testing-pair{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.case-study-visualeyes-testing-photo{aspect-ratio:327/462;object-fit:cover;border-radius:var(--radius-sm);flex:none;width:100%;height:auto;display:block}.case-study-visualeyes-testing-quote{font-family:var(--font-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);color:var(--color-black)}.case-study-visualeyes-testing-quote p{margin:0}.case-study-visualeyes-testing-quote-spaced p:first-child{margin-bottom:var(--space-3)}@media (width>=640px){.case-study-visualeyes-testing-pairs{gap:var(--space-3);flex-direction:row}.case-study-visualeyes-testing-pair{flex:1}}.case-study-visualeyes-reflection{gap:var(--space-6)}.case-study-visualeyes-reflection-learnings{gap:var(--space-stacked-items);flex-direction:column;width:100%;display:flex}.case-study-visualeyes-reflection-learning{gap:var(--space-title-to-text);flex-direction:column;flex:1;min-width:0;display:flex}.case-study-visualeyes-reflection-learning p{margin:0}@media (width>=1025px){.case-study-visualeyes-reflection-learnings{flex-direction:row}}.case-study-visualeyes-reflection-photos{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.case-study-visualeyes-reflection-photo-row{gap:var(--space-3);width:100%;display:flex}.case-study-visualeyes-reflection-photo{aspect-ratio:401/225;object-fit:cover;border-radius:var(--radius-card);flex:1;width:100%;min-width:0;height:auto;display:block}@media (width<=639px){.case-study-visualeyes-reflection-photo-row{flex-direction:column}.case-study-visualeyes-reflection-photo{flex:none}}.case-study-visualeyes-reflection-photo-wide{aspect-ratio:825/565;border-radius:var(--radius-card);width:100%;display:block;position:relative;overflow:hidden}.case-study-visualeyes-thank-you{gap:var(--space-3)}.case-study-visualeyes-thank-you-eyebrow{font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-body-md-size);line-height:var(--text-body-md-line-height);color:var(--color-black);margin:0}.case-study-visualeyes-thank-you-card{gap:var(--space-1);background:var(--color-visualeyes-dark-blue);border-radius:var(--radius-card);width:100%;padding:var(--space-6);box-sizing:border-box;flex-direction:column;display:flex}.case-study-visualeyes-thank-you-title{font-family:var(--font-heading);font-weight:var(--font-weight-h2);font-size:var(--text-h2-size);line-height:var(--text-h2-line-height);color:var(--color-white);font-optical-sizing:var(--font-optical-sizing-heading);font-variation-settings:var(--font-variation-heading);margin:0}.case-study-visualeyes-thank-you-description{font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-body-md-size);line-height:var(--text-body-md-line-height);color:var(--color-white);margin:0}.case-study-tag-about{background:var(--color-main-beige);color:var(--color-black)}.case-study-about-intro{gap:var(--space-6)}.case-study-about-heading-group{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.case-study-about-heading{width:100%;font-family:var(--font-heading);font-weight:var(--font-weight-h5);font-size:var(--text-h5-size);line-height:var(--text-h5-line-height);color:var(--color-black);font-optical-sizing:var(--font-optical-sizing-heading);font-variation-settings:var(--font-variation-heading);margin:0}.case-study-about-collage{gap:var(--space-1);width:100%;display:flex}.case-study-about-collage-item{aspect-ratio:211/226;border-radius:var(--radius-tile);cursor:default;flex:1;width:100%;min-width:0;position:relative;overflow:hidden}.case-study-about-collage-photo{object-fit:cover;width:100%;height:100%;display:block}.case-study-about-collage-caption{max-width:min(220px,80%);padding:var(--space-1) var(--space-2);border-radius:var(--radius-2xs);color:var(--color-white);font-family:var(--font-body);font-size:var(--text-caption-size);letter-spacing:.06em;pointer-events:none;z-index:2;opacity:0;background:#171714eb;font-weight:700;line-height:1.4;transition:opacity .35s cubic-bezier(.65,0,.35,1),transform .35s cubic-bezier(.65,0,.35,1);position:absolute;top:0;left:0;transform:translate(16px,-120%)scale(.96)}.case-study-about-collage-caption.is-visible{opacity:1;transform:translate(16px,-130%)scale(1)}.case-study-about-fun-facts-list{padding-left:var(--space-4);width:100%;font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);color:var(--color-black);margin:0}.case-study-about-fun-facts-list li{margin:0}.case-study-about-playlist{gap:var(--space-6)}.case-study-about-playlist-grid{gap:var(--space-1);width:100%;display:flex}.case-study-about-playlist-item{aspect-ratio:131/132;border-radius:var(--radius-tile);cursor:pointer;flex:1;width:100%;min-width:0;position:relative;overflow:hidden}.case-study-about-playlist-embed{border:none;width:100%;height:100%;display:block}.case-study-about-playlist-caption{max-width:min(220px,80%);padding:var(--space-1) var(--space-2);border-radius:var(--radius-2xs);color:var(--color-white);font-family:var(--font-body);font-size:var(--text-caption-size);letter-spacing:.06em;pointer-events:none;z-index:2;opacity:0;background:#171714eb;font-weight:700;line-height:1.4;transition:opacity .35s cubic-bezier(.65,0,.35,1),transform .35s cubic-bezier(.65,0,.35,1);position:absolute;top:0;left:0;transform:translate(16px,-120%)scale(.96)}.case-study-about-playlist-caption.is-visible{opacity:1;transform:translate(16px,-130%)scale(1)}.case-study-about-proud-group{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.case-study-about-proud-link{gap:var(--space-3);width:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.case-study-about-proud-link:hover .case-study-section-description{text-decoration:underline}.case-study-about-proud-screenshot{aspect-ratio:3418/1538;object-fit:cover;border-radius:var(--radius-card);width:100%;height:auto;display:block}.case-study-about-awards-grid{gap:var(--space-stacked-items) var(--space-3);grid-template-columns:1fr;width:100%;display:grid}.case-study-about-award-item{gap:var(--space-title-to-text);flex-direction:column;width:100%;display:flex}.case-study-about-award-caption{font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);color:var(--color-black);margin:0}.case-study-about-award-photo{aspect-ratio:401/300;border-radius:var(--radius-card);cursor:default;width:100%;position:relative;overflow:hidden}.case-study-about-award-image{object-fit:cover;width:100%;height:100%;display:block}.case-study-about-award-hover-caption{max-width:min(220px,80%);padding:var(--space-1) var(--space-2);border-radius:var(--radius-2xs);color:var(--color-white);font-family:var(--font-body);font-size:var(--text-caption-size);letter-spacing:.06em;pointer-events:none;z-index:2;opacity:0;background:#171714eb;font-weight:700;line-height:1.4;transition:opacity .35s cubic-bezier(.65,0,.35,1),transform .35s cubic-bezier(.65,0,.35,1);position:absolute;top:0;left:0;transform:translate(16px,-120%)scale(.96)}.case-study-about-award-hover-caption.is-visible{opacity:1;transform:translate(16px,-130%)scale(1)}@media (width>=1025px){.case-study-about-awards-grid{grid-template-columns:repeat(2,1fr)}}.case-study-about-favourites{gap:var(--space-6)}.case-study-about-favourites-grid{gap:var(--space-3);grid-template-columns:1fr;width:100%;display:grid}.case-study-about-favourites-item{aspect-ratio:265/198;border-radius:var(--radius-tile);cursor:default;width:100%;position:relative;overflow:hidden}.case-study-about-favourites-image{object-fit:cover;width:100%;height:100%;display:block}.case-study-about-favourites-caption{max-width:min(220px,80%);padding:var(--space-1) var(--space-2);border-radius:var(--radius-2xs);color:var(--color-white);font-family:var(--font-body);font-size:var(--text-caption-size);letter-spacing:.06em;pointer-events:none;z-index:2;opacity:0;background:#171714eb;font-weight:700;line-height:1.4;transition:opacity .35s cubic-bezier(.65,0,.35,1),transform .35s cubic-bezier(.65,0,.35,1);position:absolute;top:0;left:0;transform:translate(16px,-120%)scale(.96)}.case-study-about-favourites-caption.is-visible{opacity:1;transform:translate(16px,-130%)scale(1)}@media (width>=1025px){.case-study-about-favourites-grid{grid-template-columns:repeat(3,1fr)}.case-study-about-intro,.case-study-about-fun-facts,.case-study-about-playlist,.case-study-about-proud,.case-study-about-favourites{padding-top:var(--space-6);padding-bottom:var(--space-6)}}@media (width<=639px){.case-study-about-collage,.case-study-about-playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}