.case-study,.project-hero,.project-background-section,.why-redesign,.research,.learnings,.exploration,.design-exploration,.final-design,.constraints,.outcome,.reflection,.next-project-section{background:0 0}.case-study img{flex:1;display:block}.project-hero{flex-direction:column;align-self:stretch;align-items:center;width:100vw;display:flex}.hero-container{flex-direction:column;align-items:center;gap:80px;max-width:1700px;margin:0 5%;padding:80px 0;display:flex}.hero-info-box{flex-direction:column;align-items:center;gap:40px;display:flex}.hero-h1{font-family:var(--font-display);color:var(--ink);text-align:center;font-size:64px;font-weight:700;line-height:80px}.link.hero-link{text-align:center}.before-after-grid{grid-template-columns:1fr 1fr;align-self:stretch;gap:16px;display:grid}.img-rounded-mobile-left{border-radius:20px 0 0 20px}.img-rounded-mobile-right{border-radius:0 20px 20px 0}.panel-image{border-radius:8px;flex:1;align-self:stretch}@media screen and (max-width:767px){.hero-h1{line-height:1.25}.before-after-grid{grid-template-columns:1fr}.img-rounded-mobile-left,.img-rounded-mobile-right{border-radius:12px}}@media screen and (max-width:479px){.hero-container{gap:40px;padding:40px 10px}.hero-h1{font-size:40px;line-height:54px}}.section-heading,.subsection-heading{align-self:stretch;margin:0 10%;display:flex}.section-heading-accent,.section-heading-dark,.subsection-heading-dark,.subsection-heading-white,.subsection-heading-plain,.problem-heading,.next-project-title{font-family:var(--font-display);color:var(--ink);font-weight:700}.section-heading-accent,.section-heading-dark{font-size:48px}.subsection-heading-dark,.subsection-heading-white{margin-bottom:10px;font-size:32px;line-height:36px}.subsection-heading-plain{font-size:28px}.next-project-title{font-size:32px;line-height:40px}@media screen and (max-width:479px){.section-heading-accent{font-size:40px;line-height:48px}}.slide-container,.slide-container-vertical,.column-left-text{color:var(--ink)}.slide-container{flex-direction:column;align-self:stretch;align-items:center;max-width:1700px;margin:0 10%;padding:40px 0;display:flex}.slide-container-vertical{flex-direction:column;align-self:stretch;align-items:flex-start;gap:40px;max-width:1200px;margin:0 10%;padding:0 0 40px;display:flex}.two-column-wrapper{justify-content:space-between;align-self:stretch;align-items:center;gap:40px;max-width:1700px;display:flex}.two-column-wrapper.column-text-right{gap:60px}.column-left-text{flex-direction:column;justify-content:space-between;align-items:flex-start;display:flex}.column-left-text.wrapped{align-self:stretch;gap:12px;width:50%;margin-bottom:20px}.column-left-text.text-column-wide{width:50%}.column-text-right{flex-direction:column;align-self:center;display:flex}.vertical-wrapper{flex-direction:column;align-self:stretch;gap:20px;display:flex}@media screen and (max-width:991px){.two-column-wrapper,.two-column-wrapper.column-text-right{flex-direction:column;align-items:flex-start}}@media screen and (max-width:767px){.slide-container,.slide-container-vertical{margin:0 5%}.column-left-text.wrapped,.column-left-text.text-column-wide{width:100%}}.body-copy,.body-copy-light,.body-copy-tight,.list-item-dark,.list-item,.checklist-item,.problem-text,.alert-checklist-item,.quote-in-grid-purple,.quote-in-grid-transparent,.caption-text{font-family:var(--font-body);color:var(--ink-muted)}.list-item-dark strong,.list-item strong,.body-copy strong,.body-copy-light strong,.problem-text strong{color:var(--ink)}.body-copy-light{max-width:600px}.project-type{font-family:var(--font-body);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;font-size:14px}.link,.credit-link,.action-link{font-family:var(--font-body);color:var(--accent);text-decoration:none}.action-link{font-size:18px;font-weight:600}.link:hover,.credit-link:hover{color:var(--ink)}.caption-text{text-align:right;font-size:10px}.list-dark{max-width:600px}.list-dark.bold{flex-direction:column;gap:12px;max-width:444px;display:flex}.checklist-item,.alert-checklist-item{list-style-type:none}.checklist-item{font-weight:600}.problem{flex-direction:column;gap:20px;display:flex}.problem-block{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.problem-heading{margin-bottom:10px;font-size:24px}.problem-text{max-width:500px}.emoji-title-wrap{align-self:stretch;margin-bottom:10px;display:flex}@media screen and (min-width:1920px){.list-dark{max-width:700px;line-height:32px}.problem{max-width:600px}}.image-panel,.image-panel-half,.image-panel-half-alt,.image-panel-full,.image-panel-full-alt,.image-panel-padded,.image-panel-md,.image-panel-sm,.image-collage,.frustration-grid,.layout-comparison-grid,.frame-dark,.frame-dark-purple{background:0 0;border:none}.image-panel{border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:50%;max-height:600px;padding:20px;display:flex}.image-panel.image-panel-variant-5{min-width:50%}.image-panel.image-panel-variant-7{width:70%}.image-panel.image-panel-variant-pink{align-items:flex-end}.image-panel-half,.image-panel-half-alt{border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;width:50%;min-width:50%;padding:40px;display:flex}.image-panel-half-alt.wrapped{min-width:auto}.image-panel-full{border-radius:20px;align-self:stretch;margin:0 10%;padding:40px}.image-panel-full.frame-colorful{margin:0}.image-panel-full-alt{border-radius:20px;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.image-panel-padded{border-radius:20px;padding:10px}.image-panel-md{border-radius:20px;justify-content:center;align-items:center;width:50%;padding:20px;display:flex}.image-panel-sm{border-radius:20px;justify-content:center;align-items:center;width:30%;padding:20px;display:flex}.frame-dark,.frame-dark-purple{border-radius:20px;padding:10px}.photo-framed{border-radius:8px;height:60%;padding:40px}.photo-framed.centered-image{align-self:center;padding:0}.photo-fixed-240{mix-blend-mode:hard-light;border-radius:16px;max-width:240px}.photo-md{border-radius:12px;width:200px}.centered-image{flex:1;justify-content:center;align-items:center;display:flex}.centered-image.left-aligned{flex:0 auto;justify-content:flex-start}.goal-image-frame,.alert-scenario-frame{flex:1;justify-content:center;align-items:center;display:flex}.mobile-img,.business-problem-photo{align-self:center}.alert-mobile-frame,.alert-types-photo{width:auto}.alert-outcome-photo{max-height:444px}.frustration-photo-1{max-height:200px}.frustration-photo-2{max-height:260px}.roadblock-photo{max-width:150px}@media screen and (max-width:991px){.image-panel,.image-panel-half,.image-panel-half-alt{width:100%;min-width:0;padding:20px}}.image-collage{border-radius:12px;grid-template-columns:1fr 1fr;gap:16px;margin:0 5%;padding:10px;display:grid}.image-collage.frame-purple{gap:8px;margin:0 10%;padding:60px}.research-photo-main,.research-photo-desk,.research-photo-sketch,.research-photo-desk-2{border-radius:8px}.research-scribble-photo{border-radius:12px}.frustration-grid{border-radius:20px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;align-items:center;gap:8px;padding:40px;display:grid}.layout-comparison-grid{border-radius:20px;grid-template-columns:1fr 1fr 1fr;align-self:stretch;gap:16px;padding:40px;display:grid}.layout-comparison-item{flex-direction:column;gap:4px;display:flex}@media screen and (max-width:767px){.image-collage,.image-collage.frame-purple{margin:0 5%;padding:10px}.layout-comparison-grid{grid-template-columns:1fr 1fr}}.quote-grid{grid-template-columns:1fr 1fr 1fr;align-self:stretch;gap:16px;display:grid}.quote-in-grid-purple,.quote-in-grid-transparent{border:1px solid var(--line);background-color:#fff;border-radius:20px;padding:20px}@media screen and (max-width:991px){.quote-grid{grid-template-columns:1fr 1fr}}@media screen and (max-width:479px){.quote-grid{grid-template-columns:1fr}}.cs-section{max-width:960px;margin:0 auto;padding:120px 32px 0;scroll-margin-top:32px}.cs-section-end{padding-bottom:140px}.cs-page{grid-template-columns:200px 1fr;align-items:start;gap:0 40px;max-width:1200px;margin:0 auto;padding:0 32px;display:grid}.cs-page-content{flex-direction:column;min-width:0;display:flex}.cs-page-content .cs-section{max-width:none;margin:0;padding:120px 0 0}.cs-page-content .cs-section-end{padding-bottom:140px}.cs-page-content .hero-meta-row{border-top:none;max-width:none;margin:0;padding:0}@media screen and (max-width:900px){.cs-page{grid-template-columns:1fr;padding:0 20px}}.cs-row{grid-template-columns:56px 1fr;gap:0 24px;display:grid}.cs-index{font-family:var(--font-display);color:var(--accent);padding-top:8px;font-size:24px;font-style:italic;line-height:1}.cs-content{flex-direction:column;gap:24px;max-width:680px;display:flex}.cs-h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:40px;font-weight:700;line-height:1.15}.cs-h3{font-family:var(--font-body);color:var(--ink);margin:0 0 8px;font-size:18px;font-weight:600}.cs-h3-serif{font-family:var(--font-display);color:var(--ink);margin:16px 0 0;font-size:20px;font-weight:700}.cs-body{font-family:var(--font-body);color:var(--ink-muted);margin:0;font-size:18px;line-height:1.7}.cs-body strong{color:var(--ink)}.cs-label{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:12px;font-weight:600}.cs-list{font-family:var(--font-body);color:var(--ink-muted);flex-direction:column;gap:12px;margin:0;padding:0;font-size:16px;line-height:1.5;list-style:none;display:flex}.cs-list li strong{color:var(--ink)}.cs-quote{font-family:var(--font-display);color:var(--ink);border-left:2px solid var(--accent);max-width:640px;margin:0;padding-left:20px;font-size:19px;font-style:italic;line-height:1.5}.cs-placeholder-text{color:var(--ink-muted);border-bottom:1px dashed var(--line);padding-bottom:1px;font-style:italic}.cs-placeholder-image{border:1px dashed var(--line);text-align:center;background:#ffffff59;border-radius:16px;justify-content:center;align-items:center;min-height:220px;padding:24px;display:flex}.cs-placeholder-image-label{font-family:var(--font-body);color:var(--ink-muted);font-size:14px;font-style:italic}.cs-card-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cs-card{background-color:#16171b09;border-radius:16px;padding:20px}.cs-card-desc{font-family:var(--font-body);color:var(--ink-muted);font-size:15px}.cs-photo-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cs-content-align{margin-left:80px}.cs-option-list{flex-direction:column;gap:20px;display:flex}.cs-option{border:1px solid var(--line);background-color:#fff;border-radius:16px;grid-template-columns:200px 1fr;align-items:start;gap:24px;padding:24px;display:grid}.cs-check-list{flex-direction:column;gap:12px;margin:0 0 20px;padding:0;list-style:none;display:flex}.cs-check-item{font-family:var(--font-body);color:var(--ink);align-items:baseline;gap:12px;font-size:17px;display:flex}.cs-check-mark{color:var(--accent);font-weight:600}.hero-meta-row{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:40px;max-width:896px;margin:0 auto;padding:32px 32px 0;display:flex}.hero-meta-item{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.hero-before-after{align-self:stretch;width:100%}.hero-meta-label{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);font-size:12px}.hero-meta-value{font-family:var(--font-body);color:var(--ink);font-size:15px}@media screen and (max-width:600px){.cs-section{padding:64px 20px 0}.cs-section-end{padding-bottom:100px}.cs-page-content .cs-section{padding:64px 0 0}.cs-page-content .cs-section-end{padding-bottom:100px}.cs-row{grid-template-columns:1fr;gap:8px 0}.cs-index{padding-top:0}.cs-h2{font-size:28px}.cs-card-grid,.cs-option,.cs-photo-grid{grid-template-columns:1fr}.cs-content-align{margin-left:0}.hero-meta-row{gap:24px;padding:24px 20px 0}.cs-page-content .hero-meta-row{padding:24px 0 0}}.next-project-section{padding-top:160px}.next-project-section .section-heading{margin-bottom:40px}.home-project-container{max-width:1700px;color:var(--ink);background-color:#16171b09;border-radius:16px;align-items:center;gap:40px;margin:0 10%;padding:60px;display:flex}.home-project-container .project-type{color:var(--ink-muted)}.home-project-container a{color:var(--accent);font-family:var(--font-body)}.home-page-project-info{flex-direction:column;flex:1;justify-content:space-between;align-self:stretch;display:flex}.title-and-desc{flex-direction:column;gap:10px;display:flex}@media screen and (max-width:767px){.next-project-section{padding-top:100px}.next-project-section .section-heading{margin-bottom:24px}.home-project-container{flex-direction:column;margin:0 5%;padding:40px}}.case-study-footer{text-align:center;max-width:1700px;margin:0 10%;padding:60px 0 100px}.case-study-footer a{font-family:var(--font-body);color:var(--accent);font-weight:600;text-decoration:none}.case-study-footer a:hover{color:var(--ink)}
.cs-tabs{flex-direction:column;align-self:start;gap:40px;padding-top:4px;display:flex;position:sticky;top:140px}.cs-tabs-back{width:fit-content;font-family:var(--font-body);color:var(--ink-muted);transition:color var(--dur-1) var(--ease-out);align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.cs-tabs-back:hover{color:var(--accent)}.cs-tabs-back-arrow{transition:transform var(--dur-1) var(--ease-out);font-size:16px}.cs-tabs-back:hover .cs-tabs-back-arrow{transform:translate(-3px)}.cs-tabs-list{margin-top:56px;padding-left:16px;position:relative}.cs-tabs-list:before{content:"";background:var(--line);opacity:.4;width:2px;position:absolute;top:0;bottom:0;left:-1px}.cs-tabs-indicator{background:var(--accent);width:2px;height:20px;transition:transform var(--dur-2) var(--ease-out);border-radius:1px;position:absolute;top:10px;left:-1px}.cs-tabs-items{margin:0;padding:0;list-style:none}.cs-tab{height:40px;font-family:var(--font-body);color:var(--ink-muted);transition:color var(--dur-1) var(--ease-out);align-items:center;font-size:14px;text-decoration:none;display:flex}.cs-tab:hover{color:var(--accent)}.cs-tab-active{color:var(--ink);font-weight:700}@media screen and (max-width:900px){.cs-tabs{display:none}}