@import url("/case-studies/thoughts.css");
.figma-exhibit .screen{display:block;cursor:zoom-in}.figma-exhibit figcaption a{display:inline-block;margin-left:.5em;text-decoration:underline;text-underline-offset:3px}
@font-face{font-family:CaseSans;src:url('/_next/static/media/Geist_Variable-s.p.06.f0v_2js29o.woff2');font-display:swap}@font-face{font-family:CaseSerif;src:url('/_next/static/media/e41d5df559864f9e-s.p.0gq7fw9.sy_5..woff2');font-display:swap}@font-face{font-family:CaseSerif;font-style:italic;src:url('/_next/static/media/7ebf22b5a21034f8-s.p.10_7676vm7pyy.woff2');font-display:swap}@font-face{font-family:CaseMono;src:url('/_next/static/media/GeistMono_Variable.p.1216mhqx6y_is.woff2');font-display:swap}
:root{--case-bg:#141414;--case-fg:#efeeeb;--case-muted:#a1a19c;--case-line:#30302e;--case-panel:#1c1c1b;--project:#e1b793;color-scheme:dark}html[data-theme=light]{--case-bg:#fafaf7;--case-fg:#22221f;--case-muted:#64645e;--case-line:#deded7;--case-panel:#f0f0e9;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--case-bg);color:var(--case-fg);font-family:CaseSans,Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--portfolio-accent);outline-offset:6px}.skip{position:fixed;top:-100px;z-index:99;background:var(--case-fg);color:var(--case-bg);padding:14px}.skip:focus{top:0}.case-header{height:60px;border-bottom:1px solid var(--case-line);position:fixed;z-index:20;inset:0 0 auto;background:var(--case-bg);display:flex;align-items:center;justify-content:space-between;padding:0 30px;font-size:12px}.case-header span{color:var(--case-muted)}.case-header button{background:none;color:var(--case-fg);border:1px solid var(--case-line);width:30px;height:30px;border-radius:50%}.sidebar{position:fixed;top:60px;bottom:0;width:225px;padding:40px 20px;border-right:1px solid var(--case-line);overflow-y:auto}.back{font-size:12px;color:var(--case-muted);display:block;margin-bottom:42px}.eyebrow{font:10px/1.6 CaseMono,monospace;letter-spacing:.11em;text-transform:uppercase;color:var(--case-muted);display:block}.sidebar nav{margin:14px -6px 38px}.sidebar nav a{display:flex;gap:12px;font-size:12px;line-height:1.5;padding:8px;border-radius:5px;color:var(--case-muted)}.sidebar nav a:hover,.sidebar nav a.active,.sidebar nav a.current{color:var(--case-fg);background:var(--case-panel)}.sidebar .project-link span{font:10px CaseMono,monospace;opacity:.6;padding-top:3px}.sidebar-note{color:var(--case-muted);font:10px/1.8 CaseMono,monospace}.case-main{margin-left:225px;padding:115px clamp(28px,5vw,90px) 0;max-width:1510px}.case-hero{max-width:950px}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--project);margin:0 8px 2px 0}.project-name{font-size:16px;margin-top:32px;color:var(--project)}h1{font:400 clamp(44px,5.3vw,78px)/1.04 CaseSerif,Georgia,serif;letter-spacing:-.028em;margin:16px 0 26px}h1 em,h2 em{color:var(--case-muted);font-weight:400}.intro{max-width:670px;color:var(--case-muted);font-size:16px;line-height:1.75}.credits{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:850px;margin-top:32px;border-top:1px solid var(--case-line);padding-top:22px}.credits span{font:10px CaseMono,monospace;text-transform:uppercase;color:var(--case-muted)}.credits p{font-size:12px;line-height:1.7;max-width:370px;margin:10px 0}.hero-links{display:flex;align-items:center;gap:22px;margin:25px 0 42px;font-size:11px}.hero-links a{white-space:nowrap;border:1px solid var(--case-line);border-radius:30px;padding:11px 16px}.hero-links span{max-width:590px;color:var(--case-muted);line-height:1.6}.exhibit{margin:0 0 65px}.zoom{display:block;position:relative;overflow:hidden;border:1px solid var(--case-line);border-radius:9px;background:var(--case-panel)}.zoom img{display:block;width:100%;height:auto}.enlarge{position:absolute;bottom:12px;right:12px;padding:8px 12px;border-radius:25px;background:#171717e8;color:#fff;font:10px CaseMono,monospace;opacity:0;transition:opacity .2s}.zoom:hover .enlarge,.zoom:focus-visible .enlarge{opacity:1}figcaption{font:10px/1.8 CaseMono,monospace;color:var(--case-muted);padding-top:13px;max-width:800px}.story{margin:75px 0}.story-copy{max-width:680px;margin-bottom:30px}.story h2{font:400 clamp(28px,3vw,39px)/1.15 CaseSerif,Georgia,serif;letter-spacing:-.015em;margin:14px 0 20px}.story p{color:var(--case-muted);line-height:1.8;font-size:15px;margin:0}.state-switch{display:flex;gap:8px;margin:0 0 16px}.state-switch button{font:11px CaseMono,monospace;color:var(--case-muted);background:transparent;border:1px solid var(--case-line);border-radius:30px;padding:12px 16px}.state-switch button[aria-pressed=true]{background:var(--case-fg);color:var(--case-bg)}.next-project{border-top:1px solid var(--case-line);padding:36px 0 48px;display:block}.next-project strong{font:400 clamp(38px,5vw,65px) CaseSerif,Georgia,serif;display:flex;justify-content:space-between;margin-top:15px}.next-project strong span{color:var(--case-muted)}footer{border-top:1px solid var(--case-line);padding:26px 0;display:flex;justify-content:space-between;color:var(--case-muted);font:10px/1.6 CaseMono,monospace}dialog{width:95vw;max-width:1500px;max-height:94vh;padding:55px 20px 20px;background:var(--case-bg);color:var(--case-fg);border:1px solid var(--case-line);border-radius:10px}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}dialog img{width:100%;height:auto;display:block}dialog p{font:12px/1.6 CaseMono,monospace;color:var(--case-muted)}.close{position:absolute;right:20px;top:12px;background:var(--case-panel);color:var(--case-fg);border:1px solid var(--case-line);border-radius:30px;padding:8px 16px}.work-main{max-width:1260px;margin:auto;padding:130px 50px 0}.work-main h1{font-size:clamp(50px,6vw,86px)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 32px;margin:65px 0 85px}.card-image{aspect-ratio:16/10;overflow:hidden;border:1px solid var(--case-line);border-radius:8px;background:var(--case-panel)}.card-image img{width:100%;height:100%;object-fit:cover;object-position:left top;transition:transform .5s}.work-card:hover img{transform:scale(1.025)}.card-meta{display:flex;justify-content:space-between;font:10px CaseMono,monospace;color:var(--case-muted);text-transform:uppercase;letter-spacing:.06em;margin:20px 0 10px}.work-card h2{font:400 36px CaseSerif,Georgia,serif;margin:0 0 10px}.work-card p{font-size:13px;line-height:1.7;color:var(--case-muted);max-width:460px;margin:0}.scope-art{border:1px solid var(--case-line);border-radius:9px;padding:40px;background:var(--case-panel);margin-bottom:60px}.scope-numbers{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px 0}.scope-numbers strong{font:90px CaseSerif,Georgia,serif;display:block;color:var(--project)}.scope-numbers span{display:block;color:var(--case-muted);max-width:220px;font-size:14px;line-height:1.6}.scope-flow{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--case-line);padding:25px 0;font:11px/1.6 CaseMono,monospace}.scope-art p{font:10px/1.7 CaseMono,monospace;color:var(--case-muted)}.home-cases{max-width:1200px;padding:70px 40px;margin:auto}.home-cases>h2{font:400 50px CaseSerif,Georgia,serif;margin:20px 0}.home-work-link{position:fixed;top:14px;left:22px;z-index:90;border:1px solid #484844;border-radius:30px;background:#1b1b1bec;color:#eee;padding:9px 15px;font:11px CaseMono,monospace}body.has-case-studies #main-content{display:none}
@media(min-width:1600px){.case-main{margin-right:auto;margin-left:max(225px,calc((100vw - 1500px)/2 + 225px))}}
@media(max-width:900px){.sidebar{display:none}.case-main{margin-left:0;padding:105px 28px 0}.case-header{padding:0 25px}.case-main h1{font-size:60px}.work-main{padding:105px 28px 0}}
@media(max-width:600px){.case-header{padding:0 18px}.case-header span{display:none}.case-main{padding:100px 20px 0}.case-main h1{font-size:44px}.project-name{margin-top:26px}.credits{grid-template-columns:1fr;gap:15px}.hero-links{align-items:flex-start;flex-direction:column;gap:15px}.story{margin:55px 0}.story h2{font-size:31px}.exhibit{margin-bottom:45px}.work-main{padding:105px 20px 0}.work-grid{grid-template-columns:1fr;gap:42px;margin-top:45px}.home-cases{padding:55px 20px}.home-cases>h2{font-size:40px}.scope-art{padding:22px}.scope-numbers{gap:20px}.scope-numbers strong{font-size:66px}.scope-flow{flex-direction:column}.scope-flow b{transform:rotate(90deg);width:12px}footer{gap:20px}.enlarge{opacity:1;font-size:8px}.case-header>a:nth-child(2){font-size:11px}.state-switch button{font-size:10px;padding:11px 13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Smaller editorial exhibits and working component excerpts. */
.credits{display:block;max-width:680px}.credits p{max-width:none}.opening-exhibit{max-width:830px;margin-right:auto}.screen{border:1px solid var(--case-line);border-radius:8px;overflow:hidden}.screen img{width:100%;height:auto;display:block}.story-split{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.25fr);gap:40px;align-items:center}.story-split .story-copy{margin:0}.story-split .exhibit{margin:0}.story-split:nth-of-type(even){grid-template-columns:minmax(0,1.25fr) minmax(220px,.8fr)}.story-split:nth-of-type(even)>.exhibit{grid-column:1;grid-row:1}.story-split:nth-of-type(even)>.story-copy{grid-column:2}.story-split h2{font-size:32px}.scope-art{max-width:830px}.interactive-exhibit{margin:30px 0 0;max-width:920px}.demo{border-radius:10px;padding:28px;background:#fff;color:#242424;overflow:hidden}.demo-heading>span{font-size:10px;letter-spacing:.09em}.demo-heading h3{font:400 27px/1.25 CaseSans,Arial,sans-serif;margin:12px 0 24px}.demo h4{font:500 16px/1.35 CaseSans,Arial,sans-serif;margin:12px 0}.demo p{color:#444;font:13px/1.6 CaseSans,Arial,sans-serif}.demo [role=tab]{border:0;background:none;color:#555;padding:15px;text-align:left}.demo [role=tab][aria-selected=true]{color:#357caf;background:#eff5fc}.demo [hidden]{display:none!important}.partner-layout{display:grid;grid-template-columns:155px minmax(0,1fr);gap:22px}.partner-layout [role=tablist]{display:flex;flex-direction:column}.partner-layout [role=tab]{font-size:13px;border-bottom:1px solid #ddd}.partner-layout [role=tab][aria-selected=true]{border-left:2px solid #5b9ad3}.partner-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-height:260px}.partner-cards article{background:#f7f9ff;padding:20px}.partner-cards img{height:48px;max-width:100%;object-fit:contain;object-position:left center}.partner-cards small{display:block;font-size:9px;letter-spacing:.06em;color:#737373;margin:25px 0 12px}.demo-atclose .demo-heading>span{color:#518cba}.demo-reteta{background:#fafdfd}.demo-reteta .demo-heading>span{color:#b63b28}.demo-reteta [role=tablist]{display:flex;border-bottom:1px solid #ddd;gap:10px}.demo-reteta [role=tab]{flex:1;font-size:13px;text-align:center}.demo-reteta [role=tab][aria-selected=true]{color:#b43b29;background:none;border-bottom:3px solid #b43b29}.feature-panel{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:28px 0 0;min-height:335px}.feature-panel>img{width:100%;align-self:center;border-radius:7px}.feature-panel h4{color:#b43b29;font-size:21px}.feature-panel ul,.pricing-cards ul{padding-left:18px;font-size:12px;line-height:1.8;color:#416976}.feature-facts{display:grid;gap:16px}.feature-facts article{background:#ecf4f4;padding:18px}.feature-facts b{color:#658c9b;font-size:26px}.feature-facts h4{font-size:15px;color:#416976}.billing-switch{display:flex;justify-content:center;gap:15px;margin-bottom:25px}.billing-switch button{background:none;border:0;border-bottom:2px solid transparent;color:#555;font-size:12px;padding:12px}.billing-switch button[aria-pressed=true]{color:#b53b2a;border-bottom-color:#b53b2a}.billing-switch small{font-size:9px}.pricing-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pricing-cards article{background:linear-gradient(#e9eefc,#edf8f4);border:1px solid #c0d4df;border-radius:9px;padding:20px 16px}.pricing-cards h4{color:#416976}.price{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;margin:16px 0 6px}.price strong{font-size:27px;color:#b63b29}.price span,.pricing-cards small{font-size:11px;color:#555}.pricing-cards ul{margin-top:25px;color:#333}.pricing-cards li{margin-bottom:8px}.demo-tatva{padding:24px}.tatva-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-bottom:25px}.demo-tatva .tatva-tabs button{position:relative;aspect-ratio:3/4;border-radius:12px;background-size:cover;background-position:center;padding:18px 12px;display:flex;align-items:flex-start;isolation:isolate;transition:transform .25s;color:white}.tatva-tabs button:before{content:'';position:absolute;inset:0;background:linear-gradient(#0004,#0009);border-radius:inherit;z-index:-1}.demo-tatva .tatva-tabs button[aria-selected=true]{transform:translateY(12px);background-color:transparent;color:white}.tatva-tabs button[aria-selected=true]:before{background:linear-gradient(#0001,#0004)}.tatva-tabs span{font:italic 24px/1.1 Georgia,serif}.tatva-panel{position:relative;background:var(--panel-color);border-radius:12px;padding:35px;min-height:225px;isolation:isolate;overflow:hidden;color:#fff}.tatva-panel:before{content:'';position:absolute;inset:0;background-image:var(--panel-image);background-position:center;background-size:cover;opacity:.15;z-index:-1}.tatva-panel h3{font:700 32px Georgia,serif;margin:0 0 12px}.tatva-panel h4{font-size:20px}.tatva-panel p{color:inherit;font-size:14px}.tatva-panel:nth-of-type(4),.tatva-panel:nth-of-type(5){color:#29241e}
@media(max-width:1100px){.story-split,.story-split:nth-of-type(even){grid-template-columns:1fr;gap:25px}.story-split:nth-of-type(even)>.exhibit,.story-split:nth-of-type(even)>.story-copy{grid-column:auto;grid-row:auto}.story-split .exhibit{max-width:720px}.tatva-tabs span{font-size:19px}}
@media(max-width:600px){.demo{padding:18px}.partner-layout{grid-template-columns:1fr}.partner-layout [role=tablist]{flex-direction:row}.partner-layout [role=tab]{flex:1}.partner-cards{grid-template-columns:1fr}.partner-cards article{padding:18px}.feature-panel{grid-template-columns:1fr;min-height:0}.pricing-cards{grid-template-columns:1fr}.billing-switch{gap:0}.demo-reteta [role=tab]{font-size:11px;padding:12px 6px}.tatva-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.demo-tatva .tatva-tabs button{aspect-ratio:1;transform:none!important}.demo-tatva .tatva-tabs button[aria-selected=true]{outline:3px solid #293979;outline-offset:-3px}.tatva-panel{padding:24px;min-height:260px}.tatva-panel h3{font-size:27px}.tatva-tabs span{font-size:20px}}
.emroi-workflow{max-width:920px;background:#fff;color:#1d2431;padding:28px;border-radius:10px;border:1px solid #d9e0e7}.emroi-workflow>.eyebrow{color:#596779}.emroi-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:18px 0 20px;border-bottom:1px solid #dce2e8}.emroi-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:#586579;padding:13px 8px;text-align:left;font-size:11px;transition:color .18s,border-color .18s}.emroi-tabs button[aria-selected=true]{color:#1b315f;border-bottom-color:#c64d4f}.emroi-workflow [role=tabpanel]{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(0,1fr);align-items:center;gap:28px;min-height:210px}.emroi-workflow [role=tabpanel][hidden]{display:none}.emroi-workflow [role=tabpanel] img{width:100%;max-height:250px;object-fit:contain}.emroi-workflow [role=tabpanel] span{font:10px CaseMono,monospace;letter-spacing:.08em;text-transform:uppercase;color:#a64045}.emroi-workflow [role=tabpanel] h3{font:500 23px/1.25 CaseSans,Arial,sans-serif;margin:12px 0}.emroi-workflow [role=tabpanel] p{font:13px/1.65 CaseSans,Arial,sans-serif;color:#596579}.workflow-source{font:10px/1.7 CaseMono,monospace;color:#77808e;border-top:1px solid #e1e5e9;padding-top:13px;margin:18px 0 0!important}
@media(max-width:600px){.emroi-workflow{padding:18px}.emroi-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.emroi-workflow [role=tabpanel]{grid-template-columns:1fr;gap:12px}.emroi-workflow [role=tabpanel] img{max-height:190px}.emroi-workflow [role=tabpanel] h3{font-size:21px}}
.studio-demo{margin:0 0 5rem;max-width:1120px}.studio-demo iframe{display:block;width:100%;height:min(76vw,850px);min-height:640px;border:1px solid #393939;border-radius:8px;background:#171717}.studio-demo>p{font-size:.85rem;color:#878787;margin:.75rem 0}.workflow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:100%;margin:2rem 0}.workflow-steps>div{padding:1.2rem;background:#1c1c1c;border:1px solid #363636;border-radius:6px}.workflow-steps span{display:block;color:#aaa8c8;font-size:.72rem;margin-bottom:1.2rem}.workflow-steps strong{display:block;font-weight:500}.workflow-steps p{font-size:.88rem;color:#aaa;margin:.6rem 0 0}@media(max-width:720px){.studio-demo iframe{height:760px;min-height:0}.workflow-steps{grid-template-columns:1fr}}
.studio-launch{display:grid;gap:.75rem;max-width:920px;padding:2rem;border:1px solid #444;background:#1b1b1b;color:#eee;text-decoration:none;border-radius:8px}.studio-launch>span{font:500 1.6rem Georgia,serif}.studio-launch>strong{font-size:.95rem;font-weight:500;color:#d4d1e7}.studio-launch>small{font-size:.9rem;color:#aaa}
/* IIHS: compare real page families in the context of their content. */
.iihs-explorer{width:100%;border:1px solid var(--case-line);border-radius:10px;background:var(--case-panel);overflow:hidden;margin-top:32px}.iihs-tablist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:16px;border-bottom:1px solid var(--case-line)}.iihs-tablist button{appearance:none;background:transparent;border:1px solid var(--case-line);border-radius:6px;color:var(--case-muted);padding:14px 12px;font:12px/1.4 CaseMono,monospace;cursor:pointer;transition:background .18s,color .18s}.iihs-tablist button[aria-selected=true]{background:var(--project);color:#171717;border-color:var(--project)}.iihs-tablist button:focus-visible,.iihs-explorer [role=tabpanel]:focus-visible{outline:2px solid var(--project);outline-offset:-3px}.iihs-explorer [role=tabpanel][hidden]{display:none!important}.iihs-explorer [role=tabpanel]{padding:28px}.iihs-example-copy{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:18px 32px;margin-top:28px}.iihs-example-copy>.eyebrow{grid-column:1/-1}.iihs-example-copy h3{font:500 clamp(24px,2.7vw,34px)/1.2 CaseSans,Arial,sans-serif;letter-spacing:-.02em;margin:0;grid-row:2/4;align-self:start}.iihs-example-copy p{font-size:14px!important;line-height:1.75!important}.iihs-need strong{display:block;font:10px/1.6 CaseMono,monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--case-fg);margin-bottom:8px}.iihs-explorer .exhibit{margin:0}.iihs-explorer .screen{display:block;border-radius:6px;overflow:hidden;border:1px solid var(--case-line);cursor:zoom-in}.iihs-explorer img{width:100%;height:auto;display:block}.iihs-explorer figcaption{max-width:none}.iihs-explorer figcaption a{display:inline-block;margin-left:10px;color:var(--case-fg);text-decoration:underline;text-underline-offset:3px}.iihs-explorer [role=tablist][aria-label="content examples"]{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.iihs-tablist{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:6px}.iihs-explorer [role=tabpanel]{padding:18px}.iihs-example-copy{grid-template-columns:1fr;gap:14px}.iihs-example-copy h3{grid-row:auto}.iihs-tablist button{font-size:11px;padding:12px 8px}.iihs-explorer figcaption a{margin-left:0;display:block;margin-top:6px}}

/* Website screenshots follow their explanation at the full content width. */
.case-main .story-split,.case-main .story-split:nth-of-type(even){grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
.story-split:nth-of-type(even)>.exhibit,.story-split:nth-of-type(even)>.story-copy{grid-column:auto;grid-row:auto}
.story-split .story-copy{max-width:680px}
.story-split .exhibit,.opening-exhibit{width:100%;max-width:none}
@media(max-width:700px){.story-split,.story-split:nth-of-type(even){gap:22px}}