:root{--color-bg:#fff;--color-surface:#fff;--color-text:#151515;--color-text-secondary:#505050;--color-text-muted:#616161;--color-border:#e8e8e8;--color-border-strong:#ccc;--color-canvas-wash:#f3f3f3;--color-system-tint:#f3f5ff;--color-accent-soft:#f0f0f0;--studio-coral:#f24e1e;--studio-yellow:#ffd76b;--studio-mint:#c6f1db;--studio-blue:#dbe7ff;--studio-lilac:#e6dafa;--glass-bg:#fff;--glass-bg-strong:#fff;--glass-blur:none;--glass-blur-sm:none;--radius-xl:16px}::selection{background:var(--portfolio-accent,#e6dafa);color:#151515}#app .modern-navbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-bottom:1px solid #e8e8e8}#app .brand-name{font-weight:600}#app .nav-link{text-transform:none;letter-spacing:0;font-size:13px}#app .nav-link:hover{color:#151515}#app .language-switcher{background:#f3f3f3;border:0}#app .footer{background:#fff;border-top:1px solid #e5e5e5;margin-top:0}#app .footer .cta-title{font-family:var(--font-sans);letter-spacing:-.035em;font-size:clamp(32px,4vw,48px);font-style:normal;font-weight:600}#app .btn-primary:hover{background:var(--portfolio-second,#ffd76b);color:#111;-webkit-box-shadow:none;box-shadow:none;border-color:#111}#app .btn-secondary:hover{background:var(--portfolio-accent,#e6dafa);-webkit-box-shadow:none;box-shadow:none}#app :is(.page-title,.case-title,.section-heading){letter-spacing:-.035em;text-wrap:balance}#app :is(.page-layout,.case-study){background-color:var(--color-bg)}#app .case-study .case-header{border-bottom:1px solid #e8e8e8}#app .case-study .section-number{background:var(--portfolio-accent,#e6dafa);color:#111;border-radius:4px}#app .case-study .image-figure{border-radius:8px}#app .playroom{--room:#fff;--room-ink:#151515;--room-light:#fff}#app .room-heading h1>span{color:#151515}#app .studio-label>span{color:#ed542e}#app .worlds button{border-color:#d2d2d2}#app :is(.room-toolbar,.room-signoff){border-color:#dedede}#app .project-format,#app :is(.search input:placeholder-shown,.project-format),#app .project-format,#app .project-format{color:#555}#app .tags li{background:var(--portfolio-second,#ffd76b);border:0}#app .tags li:nth-child(2){background:var(--portfolio-accent,#e6dafa)}#app .tags li:nth-child(3){background:var(--portfolio-second,#c6f1db)}#app .about-page .page-title{text-transform:none;max-width:12ch;font-size:clamp(48px,8vw,96px);font-weight:650;line-height:1.02}#app .about-hero__copy>.section-eyebrow{background:var(--portfolio-second,#c6f1db);color:#151515;border-radius:5px;padding:6px 12px;display:inline-block}#app .about-page .story-index{color:#151515;background:var(--portfolio-accent,#e6dafa);border-radius:5px;align-self:start;padding:5px}#app .about-page .story-section:nth-child(2) .story-index{background:var(--portfolio-second,#ffd76b)}#app .about-page .story-section:nth-child(3) .story-index{background:var(--portfolio-second,#c6f1db)}#app .playground-stage h1{text-transform:none;letter-spacing:-.04em;font-size:clamp(40px,6vw,80px);font-weight:650;line-height:1.03}#app .playground-kicker{text-transform:none;letter-spacing:0}#app .shape-link.circle .shape-mark{background:var(--portfolio-accent,#b690f5)}#app .shape-link.triangle .shape-mark{background:var(--portfolio-second,#ffd76b)}#app .shape-link:hover .shape-mark{background:#f24e1e}#app .case-study .case-header:before{display:none}#app .case-study .case-title{text-transform:none;font-size:clamp(36px,6vw,80px);font-weight:650;line-height:1.06}#app .about-page .story-sticky h2,#app .about-page .story-section h3{text-transform:none;letter-spacing:-.025em;line-height:1.15}#app .case-study .editorial-reveal{opacity:1;clip-path:none;transform:none}#app .experience-section{color:#151515;background:#fff;border-block:1px solid #e5e5e5}#app .experience-grid{padding-block:clamp(40px,6vw,80px)}#app .experience-heading .section-eyebrow{color:#151515;text-transform:none;letter-spacing:-.025em;font-size:clamp(26px,3vw,36px);font-weight:600}#app .timeline-list{gap:0}#app .timeline-list:before{background:#d6d6db}#app .timeline-card:before{-webkit-box-shadow:none;box-shadow:none;background:#fff;border-color:#98989f}#app .timeline-card.active:before{background:var(--portfolio-ink,#ae85e4);border-color:var(--portfolio-ink,#ae85e4);box-shadow:0 0 0 5px #e6dafa}#app .timeline-trigger{background:0 0;border:0;border-bottom:1px solid #dedee2;border-radius:0;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:20px 0}#app .timeline-trigger:hover,#app .timeline-card.active .timeline-trigger{background:0 0;border-color:#c4c4cd;transform:none}#app .timeline-trigger:focus-visible{outline-color:#151515}#app .timeline-year{color:#606067;text-transform:none;grid-column:1;font-weight:500}#app .timeline-main{grid-column:1}#app .timeline-role{color:#151515;text-transform:none;letter-spacing:-.02em;font-size:clamp(18px,1.8vw,23px);font-weight:600;line-height:1.25}#app .timeline-company{color:#505058;font-size:13px;line-height:1.5}#app .timeline-toggle{color:#151515;background:#fff;border-color:#ceced5;grid-area:1/2/span 2;align-self:center;width:36px;height:36px}#app .timeline-card.active .timeline-toggle{background:var(--portfolio-accent,#e6dafa);border-color:var(--portfolio-accent,#e6dafa)}#app .timeline-detail{background:0 0;border:0;border-radius:0;margin:0;padding:18px 0 28px}#app .timeline-summary{color:#505058;font-size:14px}#app .timeline-highlights{grid-template-columns:1fr;gap:10px}#app .timeline-highlight{color:#505058;background:0 0;border:0;padding:0 0 0 17px;font-size:13px;line-height:1.6;position:relative}#app .timeline-highlight:before{content:"";background:#9893a3;border-radius:50%;width:5px;height:5px;position:absolute;top:.65em;left:0}#app .skill-radar,#app .education-strip{background:#fff;border:1px solid #e5e5e8;border-radius:10px;padding:22px}#app .skill-radar h3,#app .education-strip h3{color:#151515;text-transform:none;letter-spacing:-.02em;font-size:20px;font-weight:600;line-height:1.2}#app .skill-cluster,#app .education-item{border-color:#e8e8eb}#app .skill-cluster p{color:#505058;text-transform:none;font-size:12px}#app .skill-chips span{color:#303038;background:#f1f1f4;border:0;border-radius:4px;font-size:12px}#app .skill-cluster:nth-of-type(2) .skill-chips span{background:var(--portfolio-accent,#e6dafa)}#app .skill-cluster:nth-of-type(4) .skill-chips span{background:var(--portfolio-second,#c6f1db)}#app .education-item span,#app .education-item p,#app .education-item small{color:#606067}#app .education-item h4{color:#151515}#app .room-intro{min-width:0}#app .room-heading h1{font-size:clamp(36px,5.2vw,74px);line-height:1.1}#app .room-note{flex-shrink:0}@media (width<=600px){#app .room-heading h1{font-size:clamp(32px,8.5vw,48px)}#app .room-note p+p{margin-top:10px;display:block}#app .skill-radar,#app .education-strip{padding:18px}}#app .portfolio-theme{--workshop-orange:var(--portfolio-header,#f65b32);--workshop-lilac:var(--portfolio-accent,#d5c5ec);--workshop-lime:var(--portfolio-second,#e6f2a7);--workshop-ink:var(--portfolio-ink,#2c2241)}#app .portfolio-theme .modern-navbar{background:var(--workshop-orange);border-bottom-color:color-mix(in srgb, var(--portfolio-ink,#251a25) 25%, transparent)}#app .portfolio-theme .nav-link.active:after{background:var(--workshop-ink)}#app .portfolio-theme .language-switcher{background:var(--workshop-lilac)}#app .portfolio-theme .playroom{--room:#fff;--ink:var(--portfolio-ink,#2c2241);--muted:#505050;--home-gutter:max(20px, calc((100vw - 1380px) / 2));padding-top:0}#app .portfolio-theme .room-heading{background:var(--workshop-orange);margin-inline:calc(-1 * var(--home-gutter));padding:clamp(36px, 5vw, 68px) var(--home-gutter);color:var(--portfolio-ink,#251a25)}#app .portfolio-theme .room-heading :is(h1,h1>span,p,.studio-label){color:var(--portfolio-ink,#251a25)}#app .portfolio-theme .studio-label{border-bottom:0}#app .portfolio-theme .room-heading h1>span{text-decoration:none}#app .portfolio-theme .worlds button{border-color:#b9aac9}#app .portfolio-theme .worlds button:hover{background:var(--workshop-lime);color:var(--workshop-ink)}#app .portfolio-theme .worlds button.selected{background:var(--workshop-lilac);color:var(--workshop-ink);border-color:#76618d}#app .portfolio-theme :is(.room-toolbar,.room-signoff){border-color:#dedede}#app .portfolio-theme .tags li{background:var(--workshop-lilac);color:var(--workshop-ink)}#app .portfolio-theme .tags li:nth-child(2){background:var(--workshop-lime)}#app .portfolio-theme .tags li:nth-child(3){background:var(--portfolio-third,#fbc7b9)}#app .portfolio-theme .footer{background:#fff;border-color:#dedede}#app .portfolio-theme .footer .btn-primary:hover{background:var(--workshop-lime)}@media (width<=600px){#app .portfolio-theme .playroom{--home-gutter:14px}}#app .portfolio-theme .about-page{padding-top:0}#app .portfolio-theme .about-page>.about-container:first-child{background:var(--workshop-orange);width:100%;max-width:none;padding-inline:max(20px,50vw - 690px)}#app .portfolio-theme .about-hero{padding:clamp(36px,5vw,68px) 0}#app .portfolio-theme .about-hero__shell{background:0 0;overflow:visible}#app .portfolio-theme .about-hero__copy{padding:0}#app .portfolio-theme .about-hero__copy>.section-eyebrow{color:var(--portfolio-ink,#251a25);letter-spacing:0;text-transform:none;background:0 0;border-radius:0;padding:0;font-size:clamp(15px,1.3vw,18px)}#app .portfolio-theme .about-hero :is(.page-title,.page-subtitle){color:var(--portfolio-ink,#251a25)}#app .portfolio-theme .about-page .page-title{max-width:none;font-size:clamp(36px,5.2vw,74px);line-height:1.1}#app .portfolio-theme .about-hero .btn-secondary{border-color:var(--portfolio-ink,#251a25);color:var(--portfolio-ink,#251a25);background:0 0}#app .portfolio-theme .about-hero .btn-secondary:hover{background:var(--workshop-lime)}#app .portfolio-theme .story-index{background:var(--workshop-lilac)}#app .portfolio-theme .story-section:nth-child(2) .story-index{background:var(--workshop-lime)}#app .portfolio-theme .story-section:nth-child(3) .story-index{background:var(--portfolio-third,#fbc7b9)}#app .portfolio-theme .about-reveal{opacity:1;transform:none}#app .portfolio-theme .playground-page{background:#fff;padding:0}#app .portfolio-theme .playground-stage{gap:0;max-width:none}#app .portfolio-theme .playground-heading{background:var(--workshop-orange);padding:clamp(36px,5vw,68px) max(20px,50vw - 690px)}#app .portfolio-theme .playground-kicker{color:var(--portfolio-ink,#251a25);margin-bottom:18px;font-size:clamp(15px,1.3vw,18px);font-weight:650}#app .portfolio-theme .playground-stage h1{color:var(--portfolio-ink,#251a25);max-width:20ch;font-size:clamp(36px,5.2vw,74px);line-height:1.1}#app .portfolio-theme .shape-links{flex-direction:column;align-items:stretch;gap:0;padding:clamp(36px,5vw,68px) max(20px,50vw - 690px);display:flex}#app .portfolio-theme .shape-link{border-bottom:1px solid #dedede;gap:22px;min-width:0;padding:26px 0}#app .portfolio-theme .shape-link:first-child{border-top:1px solid #dedede}#app .portfolio-theme .shape-copy strong{max-width:none;color:var(--portfolio-ink,#2c2241)}#app .portfolio-theme .shape-copy small{max-width:none}#app .portfolio-theme .prototype-arrow{background:var(--workshop-lilac);height:44px;color:var(--portfolio-ink,#2c2241);border-radius:6px;flex:0 0 44px;place-items:center;font-size:23px;display:grid}#app .portfolio-theme .shape-link:nth-child(2) .prototype-arrow{background:var(--workshop-lime)}#app .portfolio-theme .shape-link:nth-child(3) .prototype-arrow{background:var(--portfolio-third,#fbc7b9)}#app .portfolio-theme .shape-link:hover .shape-copy strong{text-underline-offset:4px;text-decoration:underline}#app .portfolio-theme .shape-link:focus-visible{outline-offset:5px;outline:2px solid #2c2241}@media (width<=600px){#app .portfolio-theme .about-page>.about-container:first-child,#app .portfolio-theme :is(.playground-heading,.shape-links){padding-inline:14px}#app .portfolio-theme .about-page .page-title,#app .portfolio-theme .playground-stage h1{font-size:clamp(32px,8.5vw,48px)}}html,body,#app,#app :is(.sandbox-page,.vinted-case,.pulse-case,.design-system-page,.not-found-page){background:#fff}#app .modern-navbar{background:var(--portfolio-header,#f65b32)}#app .modern-navbar :is(.nav-link,.brand-name,.mobile-nav-link){color:var(--portfolio-ink,#251a25)}#app .modern-navbar .language-switcher{background:var(--portfolio-accent,#d5c5ec)}#app .modern-navbar .language-option.active{background:var(--portfolio-ink,#251a25);color:#fff}html[data-portfolio-theme=mono] #app .portfolio-theme{--color-text:#111;--color-text-secondary:#505050}html[data-portfolio-theme=mono] #app :is(){-webkit-box-shadow:none;box-shadow:none;border-color:#777}html[data-portfolio-theme=mono] #app :is(.worlds button,.worlds button.selected){border-color:#aaa}@media (width>=769px) and (width<=1000px){#app .navbar-container{gap:16px;padding-inline:20px}#app .desktop-nav{gap:20px}}#app :is(.case-study .section-number,.project-tag,.skill-chips span){background:var(--portfolio-accent,#d5c5ec);color:var(--portfolio-ink,#251a25)}#app .skill-cluster:nth-of-type(3n+2) .skill-chips span{background:var(--portfolio-second,#e6f2a7)}#app .skill-cluster:nth-of-type(3n) .skill-chips span{background:var(--portfolio-third,#fbc7b9)}#app .portfolio-theme .room-heading,#app .portfolio-theme .room-heading :is(h1,h1>span,p,.studio-label),#app .portfolio-theme .about-hero :is(.section-eyebrow,.page-title,.page-subtitle),#app .portfolio-theme :is(.playground-kicker,.playground-stage h1),#app .modern-navbar :is(.nav-link,.brand-link,.brand-name){color:var(--portfolio-header-ink,#251a25)}#app .portfolio-theme .about-hero .btn-secondary{color:var(--portfolio-header-ink,#251a25);border-color:currentColor}#app .portfolio-theme .about-hero .btn-secondary:hover{color:var(--portfolio-ink,#251a25)}#app .modern-navbar .nav-link.active:after,#app .modern-navbar .hamburger-line{background:var(--portfolio-header-ink,#251a25)}#app .portfolio-theme .modern-navbar :is(.nav-link,.brand-link,.brand-name){color:var(--portfolio-header-ink,#251a25)}:root{--type-xs:12px;--type-sm:14px;--type-md:16px;--type-lg:20px;--type-xl:clamp(22px, 2vw, 28px);--type-2xl:clamp(28px, 3.2vw, 40px);--type-display:clamp(40px, 6.4vw, 88px)}:root,:root[data-visual-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--visual-bg:#080808;--visual-fg:#f4f4f1;--visual-muted:#b0b0ad;--visual-border:#30302f;--visual-surface:#161615;--color-bg:var(--visual-bg);--color-surface:var(--visual-surface);--color-surface-raised:#20201e;--color-text:var(--visual-fg);--color-text-secondary:var(--visual-muted);--color-text-muted:#a0a09d;--color-border:var(--visual-border);--color-border-strong:#575754;--color-accent-soft:#222220;--color-canvas-wash:#111110;--color-system-tint:#1b1b19;--glass-bg:var(--visual-bg);--glass-bg-strong:var(--visual-bg)}:root[data-visual-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--visual-bg:#f9f9f6;--visual-fg:#111110;--visual-muted:#5a5a56;--visual-border:#d5d5ce;--visual-surface:#efefe9;--color-surface-raised:#e7e7df;--color-text-muted:#60605c;--color-border-strong:#aaa;--color-accent-soft:#e9e9e2;--color-canvas-wash:#eee;--color-system-tint:#ecece6}body{background:var(--visual-bg);color:var(--visual-fg)}#app{min-height:100vh}#app .modern-navbar{background:var(--visual-bg);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0}#app .navbar-container{max-width:none;height:88px;padding-inline:4%}#app .brand-name{color:var(--visual-fg);letter-spacing:-.03em;font-size:17px;font-weight:500}#app .nav-link{color:var(--visual-muted);text-transform:uppercase;letter-spacing:.14em;padding-block:12px;font-size:12px}#app .nav-link:is(:hover,.active){color:var(--visual-fg)}#app .nav-link.active:after{background:var(--visual-fg);height:1px}#app .desktop-nav{gap:36px}#app .language-switcher{border:1px solid var(--visual-border);background:0 0;border-radius:0;padding:0}#app .language-option{color:var(--visual-muted);background:0 0;border-radius:0;min-width:36px;min-height:36px;font-size:12px}#app .language-option.active{background:var(--visual-fg);color:var(--visual-bg)}#app .visual-theme-toggle{color:var(--visual-fg);cursor:pointer;background:0 0;border:0;width:44px;height:44px;font-size:26px}#app .hamburger-line{background:var(--visual-fg)}#app .mobile-menu{background:var(--visual-bg);border-color:var(--visual-border)}#app .mobile-nav-link{color:var(--visual-fg)}#app .footer{background:var(--visual-bg);color:var(--visual-fg);border-color:var(--visual-border)}#app .footer-container{max-width:none;padding:64px 4% 0}#app .footer-content{grid-template-columns:1.2fr 1fr;gap:80px}#app .footer .cta-title{color:var(--visual-fg);font-size:clamp(36px,5vw,64px);font-weight:450}#app .footer :is(.cta-text,.copyright,.made-with){color:var(--visual-muted)}#app :is(.footer .social-link,.footer .btn-primary){color:var(--visual-fg);border:0;border-bottom:1px solid var(--visual-border);background:0 0;border-radius:0;padding:10px 0}#app .footer .footer-actions .footer-btn{border:1px solid var(--visual-border);border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:14px;font-weight:500;display:inline-flex}#app .footer .footer-actions .btn-primary{background:var(--visual-fg);border-color:var(--visual-fg);color:var(--visual-bg)}#app .footer .footer-actions .btn-primary:hover{color:var(--visual-fg);background:0 0}#app .footer .footer-actions .social-link:hover{border-color:var(--visual-fg)}#app .footer .footer-actions{gap:28px}#app .footer-signature{color:var(--visual-fg);letter-spacing:-.04em;border-top:1px solid var(--visual-border);margin-top:56px;padding:64px 0 32px;font-size:clamp(42px,8vw,96px);font-weight:450;line-height:1.1}#app .portfolio-theme{--portfolio-header:var(--visual-bg);--portfolio-header-ink:var(--visual-fg);--portfolio-ink:var(--visual-fg);--workshop-ink:var(--visual-fg);--workshop-lilac:var(--visual-surface);--workshop-lime:var(--visual-surface)}#app .portfolio-gallery .tags li{color:var(--visual-muted);border:1px solid var(--visual-border);background:0 0;border-radius:0}#app .project-preview :is(.tile-recording,.tile-visual,.coach-showcase,.project-motion){border-radius:0}#app .portfolio-gallery .project-tile a{color:var(--visual-fg)}#app .case-study{background:var(--visual-bg);color:var(--visual-fg)}#app .case-study :is(.case-title,.section-heading,.info-text,.meta-value,.body-text){color:var(--visual-fg)}#app .case-study .body-text{color:var(--visual-muted)}#app .case-study .case-header{border:0}#app .case-study .meta-label,#app .case-study .section-label{color:var(--visual-muted)}#app .case-study .section-number{background:var(--visual-surface);color:var(--visual-muted)}#app .case-study .project-links a{color:var(--visual-fg)}#app .next-project-section{background:var(--visual-bg);border-color:var(--visual-border)}#app .about-page,#app .about-hero,#app .about-story,#app .experience-section,#app .timeline-card,#app .booking-page,#app .playground-page{background:var(--visual-bg);color:var(--visual-fg)}#app .about-page :is(.page-title,.story-sticky h2,.story-section h3,.timeline-role,.timeline-company,.section-eyebrow){color:var(--visual-fg)}#app .about-hero{padding-block:64px}#app .about-page .page-title{font-size:clamp(56px,8vw,96px);font-weight:450}#app .about-hero .section-eyebrow{display:none}#app .about-page .story-index{color:var(--visual-muted);background:0 0}#app .about-page .timeline-card:before{background:var(--visual-bg);border-color:var(--visual-border)}#app .portfolio-theme :is(.page-subtitle,.story-section p,.timeline-description,.timeline-period){color:var(--visual-muted)}#app :is(.btn-primary,.btn-secondary){border:1px solid var(--visual-fg);min-height:44px;-webkit-box-shadow:none;box-shadow:none;border-radius:999px;padding:0 20px;font-size:14px;font-weight:500;transform:none}#app .btn-primary{background:var(--visual-fg);color:var(--visual-bg)}#app .btn-primary:hover{color:var(--visual-fg);border-color:var(--visual-fg);background:0 0}#app .btn-secondary{color:var(--visual-fg);border-color:var(--visual-border);background:0 0}#app .btn-secondary:hover{color:var(--visual-fg);border-color:var(--visual-fg);background:0 0}#app .portfolio-theme :is(.about-hero,*) .btn-secondary{color:var(--visual-fg);border-color:var(--visual-border);background:0 0}#app .portfolio-theme :is(.about-hero,*) .btn-primary:hover,#app .portfolio-theme :is(.about-hero,*) .btn-secondary:hover{color:var(--visual-fg);border-color:var(--visual-fg);background:0 0}#app .booking-intro h1{font-size:clamp(48px,7vw,96px);font-weight:450}#app .booking-alternatives a,#app .playground-page .shape-copy{color:var(--visual-fg)}#app .playground-page .shape-link{border-color:var(--visual-border);background:var(--visual-surface);color:var(--visual-fg)}#app .case-nav a{background:var(--visual-surface);color:var(--visual-fg);border-color:var(--visual-border)}#app .case-nav a:hover{background:var(--color-accent-soft);color:var(--visual-fg)}#app .pulse-page .hero-foot,#app .case-nav{border-color:var(--visual-border)}@media (width<=760px){#app .navbar-container{height:72px;padding-inline:22px}#app .brand-name{font-size:15px}#app .modern-navbar>.navbar-container>.language-switcher{display:none}#app .footer-content{grid-template-columns:1fr;gap:40px}#app .footer-container{padding:48px 22px 0}#app .footer-signature{margin-top:32px;padding-block:36px 28px}}#app .portfolio-theme .modern-navbar .language-option{color:var(--visual-muted);background:0 0}#app .portfolio-theme .modern-navbar .language-option.active{background:var(--visual-fg);color:var(--visual-bg)}#app .portfolio-gallery .project-tile .tags li:nth-child(n){border:1px solid var(--visual-border);color:var(--visual-muted);background:0 0}#app .portfolio-gallery .worlds button{color:var(--visual-muted);background:0 0;border:0;border-radius:0}#app .portfolio-gallery .worlds button.selected{color:var(--visual-fg)}#app .portfolio-theme .about-page>.about-container:first-child,#app .portfolio-theme .about-story>.about-container{padding-inline:4%}#app .portfolio-theme .playground-page{background:var(--visual-bg)}#app .portfolio-theme .playground-heading{background:var(--visual-bg);color:var(--visual-fg);padding-top:72px}#app .portfolio-theme .playground-stage h1{color:var(--visual-fg);font-weight:450}#app .portfolio-theme .shape-links .shape-link{background:var(--visual-bg);color:var(--visual-fg);border-color:var(--visual-border)}#app .portfolio-theme .shape-links .shape-link:nth-child(n) .prototype-arrow{background:var(--visual-surface);color:var(--visual-fg);border-radius:0}#app .modern-navbar :is(a,button):focus-visible{outline-offset:5px;outline:2px solid}:root{--portfolio-header:var(--visual-bg);--portfolio-header-ink:var(--visual-fg);--portfolio-ink:var(--visual-fg)}html,body,#app{background:var(--visual-bg)}#app .modern-navbar .language-switcher{border:1px solid var(--visual-border);background:0 0}#app :is(.pulse-case,.vinted-case,.design-system-page,.not-found-page){background:var(--visual-bg);color:var(--visual-fg)}#app .pulse-case{--pulse-wash:var(--visual-surface)}#app .pulse-case .pulse-hero{background:var(--visual-bg)}#app .pulse-case .case-nav a>span{color:#bc89e5}#app .pulse-case .scenario-list>button:is(:hover,[aria-pressed=true]){background:var(--visual-surface);color:var(--visual-fg)}#app .sandbox-page{background:var(--visual-bg);color:var(--visual-fg)}#app .sandbox-page :is(.sandbox-intro h1,.principles h2){color:var(--visual-fg)}#app .sandbox-page :is(.sandbox-intro p,.back-to-projects,.principles>p){color:var(--visual-muted)}#app .modern-navbar .mobile-menu{background:var(--visual-bg);-webkit-backdrop-filter:none;-webkit-box-shadow:none;box-shadow:none;border-bottom:1px solid var(--visual-border)}#app .modern-navbar .mobile-menu:before{content:none}#app .modern-navbar .mobile-nav-link{color:var(--visual-fg)}#app .modern-navbar .mobile-cta{background:var(--visual-fg);color:var(--visual-bg);border-color:var(--visual-fg);border-radius:0}#app .modern-navbar .mobile-nav-link{align-items:center;min-height:44px;display:flex}#app .modern-navbar .language-switcher .language-option.active{background:var(--visual-fg);color:var(--visual-bg)}:root{--visual-accent:#c998ff;--visual-teal:#74d2c4}:root[data-visual-theme=light]{--visual-accent:#7521b8;--visual-teal:#007782}:root[data-visual-theme=dark] #app .pulse-case :is(.hero-symbol,.diagram-icon,.allowed,.approval-tag){background:var(--visual-surface);border-color:var(--visual-border)}:root[data-visual-theme=dark] #app .pulse-case .hero-symbol{color:var(--visual-accent)}:root[data-visual-theme=dark] #app .pulse-case .allowed{color:#8dd9b5}:root[data-visual-theme=dark] #app .pulse-case .approval-tag{color:#e8ca8c}#app .portfolio-theme .footer{background:var(--visual-bg);color:var(--visual-fg);border-color:var(--visual-border)}#app .portfolio-theme .footer :is(.social-link,.cta-title,.footer-signature){color:var(--visual-fg)}#app .portfolio-gallery .tile-recording-light{-webkit-box-shadow:inset 0 0 0 1px var(--visual-border);box-shadow:inset 0 0 0 1px var(--visual-border);background:#fff}#app :is(.skill-radar,.education-strip){background:var(--visual-surface);border-color:var(--visual-border)}#app :is(.skill-radar h3,.education-strip h3,.skill-cluster h4,.education-item h4){color:var(--visual-fg)}#app :is(.skill-cluster p,.education-item p,.timeline-highlight){color:var(--visual-muted)}#app .skill-radar .skill-cluster:nth-child(n) .skill-chips span{background:var(--visual-bg);color:var(--visual-muted);border:1px solid var(--visual-border)}#app .project-ui{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fff;--color-surface:#fff;--color-surface-raised:#ffffffb8;--color-surface-glass:#ffffff8c;--color-text:#111;--color-text-secondary:#555;--color-text-muted:#666;--color-border:#0000000f;--color-border-strong:#0000001f;--color-accent:#111;--color-accent-soft:#1111110f;--color-canvas-wash:#f3f2ea;--color-system-tint:#f4f3f1;color:var(--color-text)}#app .project-ui.pulse-app{--color-text:#251f2d;--color-text-secondary:#6c5a79;--color-border:#e7dfec;--pulse-wash:#f5f5f5}#app .project-ui.prototype-device{--vinted-teal:#007782;--vinted-teal-dark:#005f68;--vinted-mint:#e4f7f3;--vinted-line:#dce5e3}#app .project-ui.phone-frame-checkin{color:#fff}:root{--color-bg:#fff;--color-surface:#fff;--color-surface-raised:#ffffffb8;--color-surface-glass:#ffffff8c;--color-text:#111;--color-text-secondary:#555;--color-text-muted:#666;--color-border:#0000000f;--color-border-strong:#0000001f;--color-accent:#111;--color-accent-soft:#1111110f;--color-on-ink:#fff;--color-ink-subtle:#1111117a;--color-ink-faint:#11111114;--color-canvas-wash:#f3f2ea;--color-system-tint:#f5f7fa;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:"Instrument Serif", Georgia, "Times New Roman", serif;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--glass-blur:blur(20px);--glass-blur-sm:blur(12px);--glass-bg:#ffffff8c;--glass-bg-strong:#ffffffb8;--glass-border:1px solid #ffffff59;--glass-shadow:0 8px 32px #0000000a, 0 2px 8px #00000005;--glass-shadow-hover:0 12px 40px #00000012, 0 4px 12px #00000008;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 8px 32px #00000014;--shadow-xl:0 16px 48px #0000001a;--shadow-media:0 1.25rem 3.5rem #1111111a;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background-color:#00000026;background-clip:content-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:#00000040}@layer reset{html{-webkit-text-size-adjust:100%;word-break:normal;tab-size:4}*,:before,:after{background-repeat:no-repeat}:before,:after{-webkit-text-decoration:inherit;text-decoration:inherit;vertical-align:inherit}*{margin:0;padding:0}hr{height:0;overflow:visible}small{font-size:80%}b,strong{font-weight:bolder}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}[disabled]{cursor:default}textarea{resize:vertical;overflow:auto}button,input,optgroup,select,textarea{font:inherit}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit],[role=button]{cursor:pointer;color:inherit}button,input,select,textarea{background-color:#0000;border-style:none}select{appearance:none}input{border-radius:0}}*,:before,:after{box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:#00000026 transparent;overflow-x:hidden}body{font-family:var(--font-sans);color:var(--color-text);line-height:1.6;font-weight:var(--weight-normal);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:var(--weight-semibold);color:var(--color-text);letter-spacing:0;margin:0;line-height:1.2}.serif-heading{font-family:var(--font-serif);font-weight:var(--weight-normal);letter-spacing:-.01em;font-style:italic}p{color:var(--color-text-secondary);margin:0;line-height:1.7}a{color:var(--color-text);-webkit-transition:color var(--duration-fast) var(--ease-out);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--color-text-secondary)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--color-text);outline-offset:3px}.btn-primary{background:var(--color-text);min-height:44px;color:var(--color-on-ink);border:1px solid var(--color-text);border-radius:var(--radius-sm);font-family:var(--font-sans);font-weight:var(--weight-medium);letter-spacing:0;cursor:pointer;-webkit-transition:background-color var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out), -webkit-box-shadow var(--duration-normal) var(--ease-out), -webkit-transform var(--duration-normal) var(--ease-out);transition:background-color var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out), -webkit-box-shadow var(--duration-normal) var(--ease-out), -webkit-transform var(--duration-normal) var(--ease-out);transition:background-color var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);transition:background-color var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out), -webkit-box-shadow var(--duration-normal) var(--ease-out), -webkit-transform var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-size:.8125rem;text-decoration:none;display:inline-flex}.btn-primary:hover{color:var(--color-text);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm);background:0 0;transform:translateY(-1px)}.btn-primary:active{-webkit-box-shadow:none;box-shadow:none;transform:translateY(0)}.btn-secondary{background:var(--color-surface);min-height:44px;color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-family:var(--font-sans);font-weight:var(--weight-medium);letter-spacing:0;cursor:pointer;-webkit-transition:border-color var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out), -webkit-box-shadow var(--duration-normal) var(--ease-out), -webkit-transform var(--duration-normal) var(--ease-out);transition:border-color var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out), -webkit-box-shadow var(--duration-normal) var(--ease-out), -webkit-transform var(--duration-normal) var(--ease-out);transition:border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);transition:border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out), -webkit-box-shadow var(--duration-normal) var(--ease-out), -webkit-transform var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-size:.8125rem;text-decoration:none;display:inline-flex}.btn-secondary:hover{border-color:var(--color-text);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm);color:var(--color-text);transform:translateY(-1px)}.btn-secondary:active{-webkit-box-shadow:none;box-shadow:none;transform:translateY(0)}.btn-ghost{min-height:44px;color:var(--color-text-secondary);font-family:var(--font-sans);font-weight:var(--weight-medium);letter-spacing:0;cursor:pointer;-webkit-transition:border-bottom-color var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out);transition:border-bottom-color var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out);background:0 0;border:none;border-bottom:1px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 0;font-size:.8125rem;text-decoration:none;display:inline-flex}.btn-ghost:hover{color:var(--color-text);border-bottom-color:var(--color-text)}.btn-primary .mdi,.btn-secondary .mdi,.btn-ghost .mdi{font-size:1rem;line-height:1}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);-webkit-box-shadow:var(--glass-shadow);box-shadow:var(--glass-shadow);-webkit-transition:background-color var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out), -webkit-box-shadow var(--duration-normal) var(--ease-out), -webkit-transform var(--duration-normal) var(--ease-out);transition:background-color var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out), -webkit-box-shadow var(--duration-normal) var(--ease-out), -webkit-transform var(--duration-normal) var(--ease-out);transition:background-color var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);transition:background-color var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out), -webkit-box-shadow var(--duration-normal) var(--ease-out), -webkit-transform var(--duration-normal) var(--ease-out)}.section-label{font-family:var(--font-sans);font-size:.6875rem;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0;color:var(--color-text-muted);margin:0 0 .5rem}.divider{background:var(--color-border);height:1px;margin:var(--space-12) 0;border:none}.tag{background:var(--color-accent-soft);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.6875rem;font-weight:var(--weight-medium);letter-spacing:0;color:var(--color-text);align-items:center;padding:.25rem .75rem;display:inline-flex}.container{max-width:1200px;padding:0 var(--space-8);margin:0 auto}.text-center{text-align:center}@media (width<=768px){.container{padding:0 var(--space-5)}.btn-primary,.btn-secondary{padding:.6rem 1.25rem;font-size:.8125rem}}@media (width<=480px){.container{padding:0 var(--space-4)}.btn-primary,.btn-secondary{padding:.55rem 1.1rem;font-size:.75rem}}.case-study.case-study{width:100%;max-width:none;padding-bottom:var(--space-16);background:linear-gradient(180deg, #fafafaf0 0%, #fafafaeb 34%, var(--color-bg) 68%), radial-gradient(circle at 12% 18%, #1111110e, transparent 28rem), radial-gradient(circle at 84% 42%, #bcb09929, transparent 30rem);margin:0}.case-study.case-study .case-header{max-width:86rem;padding:clamp(5.5rem, 9vw, 8rem) var(--space-8) 0;margin:0 auto;position:relative}.case-study.case-study .case-header:before{content:"CASE STUDY";color:#1111110b;font-size:clamp(5rem,16vw,15rem);font-weight:var(--weight-bold);letter-spacing:0;white-space:nowrap;pointer-events:none;line-height:.8;position:absolute;top:clamp(3.8rem,6vw,5.5rem);left:50%;transform:translate(-50%)}.case-study.case-study .case-title{z-index:1;max-width:15ch;font-family:var(--font-sans);font-style:normal;font-weight:var(--weight-bold);letter-spacing:0;text-transform:uppercase;white-space:normal;text-wrap:balance;margin:0 auto -.08em;font-size:clamp(4.25rem,8.8vw,8.4rem);line-height:.96;position:relative}.case-study.case-study .case-hero{max-width:min(92rem,100vw - 4rem);margin:0 auto clamp(3.5rem,7vw,6rem);overflow:hidden}.case-study.case-study .hero-image,.case-study.case-study .content-image,.case-study.case-study .split-image,.case-study.case-study .content-video,.case-study.case-study .split-video,.case-study.case-study .carousel-wrapper{border-radius:var(--radius-sm);-webkit-box-shadow:var(--shadow-media);box-shadow:var(--shadow-media)}.case-study.case-study .hero-image{-o-object-fit:cover;object-fit:cover;min-height:clamp(24rem,54vw,43rem)}.case-study.case-study .case-info{max-width:72rem;padding:0 var(--space-8);gap:var(--space-8);grid-template-columns:1fr;margin:0 auto clamp(5rem,10vw,8rem)}.case-study.case-study .info-description{text-align:center;order:1;max-width:58rem;margin:0 auto;padding-top:0}.case-study.case-study .info-text{max-width:none;font-family:var(--font-sans);font-style:normal;font-weight:var(--weight-semibold);letter-spacing:0;font-size:clamp(1.9rem,3.4vw,3.15rem);line-height:1.28}.case-study.case-study .info-meta{gap:var(--space-6);order:2;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:58rem;margin:0 auto;display:grid}.case-study.case-study .meta-block{padding:var(--space-4) 0 .875rem;text-align:center;border-bottom:1px solid var(--color-border)}.case-study.case-study .meta-label,.case-study.case-study .section-label{letter-spacing:0}.case-study.case-study .section-label{white-space:nowrap;align-items:center;gap:.75rem;width:auto;max-width:max-content;display:inline-flex}.case-study.case-study .editorial-reveal{opacity:0;-webkit-transition:opacity .76s var(--ease-out) var(--reveal-delay,0s), clip-path .92s var(--ease-out) var(--reveal-delay,0s), -webkit-transform .76s var(--ease-out) var(--reveal-delay,0s);transition:opacity .76s var(--ease-out) var(--reveal-delay,0s), clip-path .92s var(--ease-out) var(--reveal-delay,0s), -webkit-transform .76s var(--ease-out) var(--reveal-delay,0s);transition:opacity .76s var(--ease-out) var(--reveal-delay,0s), transform .76s var(--ease-out) var(--reveal-delay,0s), clip-path .92s var(--ease-out) var(--reveal-delay,0s);transition:opacity .76s var(--ease-out) var(--reveal-delay,0s), transform .76s var(--ease-out) var(--reveal-delay,0s), clip-path .92s var(--ease-out) var(--reveal-delay,0s), -webkit-transform .76s var(--ease-out) var(--reveal-delay,0s);will-change:opacity, transform;transform:translateY(2.5rem)scale(.985)}.case-study.case-study .editorial-reveal.is-visible{opacity:1;transform:translateY(0)scale(1)}.case-study.case-study .editorial-reveal.reveal-from-left{transform:translate(-3rem)scale(.985)}.case-study.case-study .editorial-reveal.reveal-from-left.is-visible{transform:translate(0)scale(1)}.case-study.case-study .editorial-reveal.reveal-from-right{transform:translate(3rem)scale(.985)}.case-study.case-study .editorial-reveal.reveal-from-right.is-visible{transform:translate(0)scale(1)}.case-study.case-study .editorial-reveal.reveal-media{clip-path:inset(8% 0 0)}.case-study.case-study .editorial-reveal.reveal-media.is-visible{clip-path:inset(0)}.case-study.case-study .content-section,.case-study.case-study .content-section-wide,.case-study.case-study .split-section,.case-study.case-study .showcase-section,.case-study.case-study .tablet-section{padding-left:var(--space-8);padding-right:var(--space-8);margin-top:0;margin-bottom:clamp(5rem,10vw,9rem);position:relative}.case-study.case-study .section-number{font-variant-numeric:tabular-nums;min-width:1.45rem;min-height:1.45rem;color:var(--portfolio-ink,#111);font-size:.75rem;line-height:1;font-weight:var(--weight-semibold);letter-spacing:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.case-study.case-study .layout-text-only{text-align:left;place-items:start;max-width:min(92rem,100vw - 4rem);min-height:0;display:grid}.case-study.case-study .layout-text-only .body-text,.case-study.case-study .layout-text-only .simple-list{max-width:42rem;margin-left:0;margin-right:0}.case-study.case-study .layout-text-only .simple-list{text-align:left}.case-study.case-study .layout-media-only{place-items:center;max-width:min(92rem,100vw - 4rem);display:grid}.case-study.case-study .layout-media-only .image-figure,.case-study.case-study .layout-media-only .video-grid,.case-study.case-study .layout-media-only .video-figure{width:min(100%,92rem);margin-left:auto;margin-right:auto}.case-study.case-study .split-section,.case-study.case-study .content-section.layout-text-media,.case-study.case-study .content-section.layout-media-text{grid-template-columns:minmax(18rem,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(2.5rem,6vw,6rem);max-width:min(92rem,100vw - 4rem);display:grid}.case-study.case-study .layout-media-text{grid-template-columns:minmax(0,1.28fr) minmax(18rem,.72fr)}.case-study.case-study .content-section.layout-text-media>:not(.image-figure),.case-study.case-study .content-section.layout-media-text>.image-figure{grid-column:1}.case-study.case-study .content-section.layout-text-media>.image-figure,.case-study.case-study .content-section.layout-media-text>:not(.image-figure){grid-column:2}.case-study.case-study .content-section.layout-text-media,.case-study.case-study .content-section.layout-media-text{align-items:start;gap:var(--space-8);grid-template-columns:1fr;max-width:min(92rem,100vw - 4rem);margin-bottom:clamp(4rem,8vw,7rem)}.case-study.case-study .content-section.layout-text-media>*,.case-study.case-study .content-section.layout-media-text>*{grid-column:1!important}.case-study.case-study .content-section.layout-text-media>:not(.image-figure),.case-study.case-study .content-section.layout-media-text>:not(.image-figure){width:min(100%,58rem);margin-left:0;margin-right:auto}.case-study.case-study .content-section.layout-text-media>.image-figure,.case-study.case-study .content-section.layout-media-text>.image-figure{grid-row:auto;width:100%;margin:0 auto}.case-study.case-study .split-content,.case-study.case-study .split-media{max-width:none}.case-study.case-study .split-content{align-self:center}.case-study.case-study .split-media{padding:0;overflow:hidden;-webkit-box-shadow:none!important;box-shadow:none!important;background:0 0!important;border:0!important}.case-study.case-study .media-container,.case-study.case-study .media-container-amber,.case-study.case-study .media-container-blue,.case-study.case-study .media-container-green,.case-study.case-study .media-container-purple,.case-study.case-study .media-container-yellow{-webkit-box-shadow:none!important;box-shadow:none!important;background:0 0!important;border:0!important}.case-study.case-study .section-heading{font-family:var(--font-sans);font-style:normal;font-weight:var(--weight-semibold);letter-spacing:0;margin-bottom:var(--space-3);text-wrap:balance;font-size:clamp(2rem,3.35vw,3.2rem);line-height:1.2}.case-study.case-study .subsection-heading{font-family:var(--font-sans);font-style:normal;font-weight:var(--weight-semibold);letter-spacing:0;font-size:1.35rem}.case-study.case-study .body-text,.case-study.case-study .simple-list li{font-size:clamp(1rem,1.05vw,1.12rem);line-height:1.86}.case-study.case-study .simple-list li{padding:var(--space-3) 0;margin:0}.case-study.case-study .showcase-section{max-width:min(96rem,100vw - 4rem);padding-left:var(--space-8);padding-right:var(--space-8);grid-template-columns:minmax(18rem,.6fr) minmax(0,1.4fr);align-items:center;gap:clamp(2.5rem,6vw,6rem);margin:0 auto clamp(5rem,10vw,9rem);display:grid}.case-study.case-study .showcase-section-reverse{grid-template-columns:minmax(0,1.4fr) minmax(18rem,.6fr)}.case-study.case-study .showcase-section-reverse .showcase-text{grid-area:1/2}.case-study.case-study .showcase-section-reverse .showcase-screens{grid-area:1/1}.case-study.case-study .showcase-text{max-width:28rem}.case-study.case-study .showcase-screens,.case-study.case-study .tablet-frame{border-radius:var(--radius-sm);padding:0;overflow:hidden;-webkit-box-shadow:none!important;box-shadow:none!important;background:0 0!important;border:0!important}.case-study.case-study .showcase-screens{align-items:center;gap:clamp(1rem,2vw,2rem);width:100%;min-height:clamp(28rem,45vw,44rem)}.case-study.case-study .screen-image{border-radius:var(--radius-sm);max-width:min(31vw,30rem);box-shadow:0 .9rem 2rem #1111111f}.case-study.case-study .showcase-screens-3 .screen-image{max-width:min(24vw,23rem)}.case-study.case-study .tablet-section{max-width:min(88rem,100vw - 4rem);padding-left:var(--space-8);padding-right:var(--space-8);margin:0 auto clamp(5rem,10vw,9rem)}.case-study.case-study .tablet-text{max-width:46rem;margin-bottom:var(--space-8)}.case-study.case-study .video-phone-container{justify-content:center}.case-study.case-study .video-phone{border-radius:var(--radius-md);height:clamp(34rem,54vw,46rem);box-shadow:0 1.5rem 4rem #11111129}@media (width<=1024px){.case-study.case-study .case-title{font-size:4.75rem}.case-study.case-study .case-info,.case-study.case-study .split-section{gap:var(--space-8)}.case-study.case-study .split-section,.case-study.case-study .content-section.layout-text-media,.case-study.case-study .content-section.layout-media-text,.case-study.case-study .layout-media-text,.case-study.case-study .showcase-section,.case-study.case-study .showcase-section-reverse{grid-template-columns:1fr}.case-study.case-study .split-section-left .split-content,.case-study.case-study .split-section-right .split-content,.case-study.case-study .showcase-section-reverse .showcase-text{order:1;grid-area:auto/1}.case-study.case-study .split-section-left .split-media,.case-study.case-study .split-section-right .split-media,.case-study.case-study .showcase-section-reverse .showcase-screens{order:2;grid-area:auto/1}.case-study.case-study .content-section.layout-text-media>*,.case-study.case-study .content-section.layout-media-text>*{grid-column:1}.case-study.case-study .content-section.layout-text-media>.image-figure,.case-study.case-study .content-section.layout-media-text>.image-figure{margin-top:var(--space-4);grid-row:auto}.case-study.case-study .showcase-text{max-width:46rem}.case-study.case-study .showcase-screens{min-height:auto}.case-study.case-study .screen-image,.case-study.case-study .showcase-screens-3 .screen-image{max-width:min(40vw,22rem)}}@media (width<=768px){.case-study.case-study{background:#fbfbfa}.case-study.case-study .case-header{padding:var(--space-8) var(--space-5) 0}.case-study.case-study .case-title{overflow-wrap:anywhere;max-width:100%;font-size:clamp(2.05rem,11vw,3rem);line-height:1}.case-study.case-study .case-hero{margin-bottom:var(--space-6)}.case-study.case-study .case-hero,.case-study.case-study .case-info,.case-study.case-study .content-section,.case-study.case-study .content-section-wide,.case-study.case-study .split-section,.case-study.case-study .showcase-section,.case-study.case-study .tablet-section{padding-left:var(--space-5);padding-right:var(--space-5)}.case-study.case-study .case-info{gap:var(--space-6);margin-bottom:var(--space-9);grid-template-columns:1fr}.case-study.case-study .info-meta{gap:var(--space-4);grid-template-columns:1fr}.case-study.case-study .meta-block{text-align:left;min-width:min(100%,9rem)}.case-study.case-study .info-text,.case-study.case-study .section-heading{max-width:none;font-size:1.48rem;line-height:1.18}.case-study.case-study .content-section,.case-study.case-study .content-section-wide,.case-study.case-study .split-section,.case-study.case-study .showcase-section,.case-study.case-study .tablet-section{gap:var(--space-4);margin-bottom:var(--space-9);max-width:100%}.case-study.case-study .content-section.layout-text-media,.case-study.case-study .content-section.layout-media-text{gap:var(--space-2);width:100%;margin-left:0;margin-right:0;max-width:100%!important}.case-study.case-study>section+section{padding-top:var(--space-6)}.case-study.case-study .editorial-reveal,.case-study.case-study .editorial-reveal.reveal-from-left,.case-study.case-study .editorial-reveal.reveal-from-right{transform:translateY(1rem)}.case-study.case-study .editorial-reveal.is-visible,.case-study.case-study .editorial-reveal.reveal-from-left.is-visible,.case-study.case-study .editorial-reveal.reveal-from-right.is-visible{transform:translateY(0)}.case-study.case-study .split-content,.case-study.case-study .content-section.layout-text-media>:not(.image-figure),.case-study.case-study .content-section.layout-media-text>:not(.image-figure){width:100%;max-width:none;margin-left:0;margin-right:0}.case-study.case-study .layout-text-only{place-items:start stretch;row-gap:var(--space-2);text-align:left;min-height:0}.case-study.case-study .section-label{text-align:left;justify-content:flex-start;width:100%;max-width:none;margin-bottom:0;display:flex}.case-study.case-study .section-heading{width:100%;margin-bottom:var(--space-2);text-align:left}.case-study.case-study .layout-text-only .body-text,.case-study.case-study .layout-text-only .simple-list{max-width:none}.case-study.case-study .body-text,.case-study.case-study .simple-list li{overflow-wrap:break-word;font-size:.92rem;line-height:1.62}.case-study.case-study .simple-list li{padding:var(--space-2) 0}.case-study.case-study .image-figure{margin:var(--space-4) 0 0}.case-study.case-study .hero-image,.case-study.case-study .content-image,.case-study.case-study .split-image,.case-study.case-study .content-video,.case-study.case-study .split-video{-o-object-fit:contain;object-fit:contain;max-width:100%;height:auto}.case-study.case-study .hero-image{-o-object-fit:cover;object-fit:cover;min-height:clamp(13rem,58vw,22rem)}.case-study.case-study .split-media{width:100%;padding:var(--space-3);overflow:hidden}.case-study.case-study .showcase-screens,.case-study.case-study .tablet-frame{padding:var(--space-3)}.case-study.case-study .showcase-screens{-ms-scroll-snap-type:x proximity;scroll-snap-type:x proximity;justify-content:flex-start;overflow-x:auto}.case-study.case-study .screen-image,.case-study.case-study .showcase-screens-3 .screen-image{scroll-snap-align:center;flex:0 0 min(68vw,19rem);max-width:min(68vw,19rem)}.case-study.case-study .carousel-wrapper{max-width:100%}.case-study.case-study .carousel-track{aspect-ratio:4/3;max-width:100%;height:auto!important;min-height:0!important}.case-study.case-study .carousel-img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}}@media (width<=480px){.case-study.case-study .case-hero,.case-study.case-study .case-info,.case-study.case-study .content-section,.case-study.case-study .content-section-wide,.case-study.case-study .split-section,.case-study.case-study .showcase-section,.case-study.case-study .tablet-section{padding-left:var(--space-4);padding-right:var(--space-4)}.case-study.case-study .case-title{font-size:clamp(1.9rem,10.5vw,2.65rem)}.case-study.case-study .info-text,.case-study.case-study .section-heading{font-size:1.24rem;line-height:1.16}.case-study.case-study .body-text,.case-study.case-study .simple-list li{font-size:.88rem;line-height:1.55}.case-study.case-study .split-media{padding:var(--space-1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.case-study.case-study .editorial-reveal{opacity:1;transition:none;transform:none}}.case-study.case-study .workshop-video-full{width:100%;max-width:none;height:auto;display:block}.case-study.case-study .workshop-video-full::-webkit-media-controls{opacity:0;display:none!important}.case-study.case-study .section-label,.case-study.case-study .meta-label,#app :is(.story-sticky .section-eyebrow,.timeline-year,.education-item span,.education-item small,.back-to-projects,.sandbox-intro .eyebrow,.principles .eyebrow,.perspective-role,.next-label,.research-note-label,.scenario-role,.trust-row span){font-size:.75rem}