/* Mezotrends Studio / source-backed interactive case portfolio */
:root{--studio-dark:#121710;--studio-line:#d5d6cc;--studio-soft:#e8eae0;--studio-orange:#d57551}
.hero{grid-template-columns:.92fr 1.08fr;gap:62px;padding-top:68px;padding-bottom:78px;min-height:650px}.hero h1{font-size:clamp(56px,6.1vw,85px);line-height:1.06;letter-spacing:-.055em}.hero-text{max-width:430px;font-size:13px;line-height:1.95}.hero .eyebrow{font-size:9px;letter-spacing:.15em}.hero-proof{max-width:485px}.hero-model{align-self:center;background:var(--studio-dark);padding:0;border-radius:6px;box-shadow:16px 16px 0 #e2e5d8;border:1px solid #30362a;overflow:hidden;isolation:isolate}.hero-model:after{content:'';position:absolute;pointer-events:none;inset:0;border:1px solid #ffffff08;border-radius:6px}.hero-model .demo-top{padding:17px 22px;border-color:#ffffff14;margin:0;gap:8px}.hero-model .demo-heading{margin:18px 22px 0;align-items:flex-start}.hero-model .demo-heading>p{font-size:15px;font-weight:500}.hero-model .hero-readout{position:absolute;top:114px;left:22px;z-index:2;margin:0;pointer-events:none}.hero-model .hero-readout strong{font-size:42px}.hero-model .hero-readout>span{font-size:8px}.hero-model .hero-readout>div>span{font-size:9px}.hero-model .hero-readout>p{font-size:7px;max-width:230px}.hero-model .hero-chart{display:none}.hero-spatial{display:block;width:100%;height:320px;position:relative;cursor:pointer}.hero-spatial-tag{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.08em;margin:93px 22px -19px;position:relative;z-index:3;color:#9ba38f}.hero-spatial-tag>a{color:#e5e7dd;border-bottom:1px solid #6a715e;padding-bottom:3px}.hero-model .hero-demo-controls{margin:0 22px;padding-top:15px;border-color:#ffffff14;align-items:center}.hero-model .demo-footnote{padding:0 22px 16px;font-size:7px;color:#9ca28f}.hero-model .segmented-dark button{border-color:#414737;color:#bdc5b0}.hero-model .segmented-dark button[aria-pressed=true]{background:#e8ecdc;color:#121710;border-color:#e8ecdc}.demo-dot{box-shadow:0 0 0 4px #c5d6ab0a;background:#b4c49d}
.approach{background:#e8eae1}.approach-card{background:#f6f5ef;border-color:#ced2c3}.research-card{background:#dfe4d6}.approach-card h3{font-size:32px}.section-intro{font-size:12px}.section-heading{margin-bottom:38px}.case-grid{gap:24px}.case-card{padding:0;overflow:hidden;border-color:#d1d4c7;background:#f8f7f1;transition:transform .3s,border-color .3s,box-shadow .3s}.case-card:hover{background:#f8f7f1;border-color:#858d74;transform:translateY(-5px);box-shadow:0 14px 32px #3441240b}.case-card .case-card-top{padding:24px 28px 0}.case-card h3{padding:0 28px;font-size:32px;line-height:1.17;margin-top:16px}.case-card h3 a{display:block}.case-card h3 a:hover{color:#a0442c}.case-card>p{padding:0 28px;font-size:11px;line-height:1.9;margin-top:14px;max-width:none}.case-card .case-spec{margin:24px 28px 0;padding-top:18px;gap:25px}.case-card .case-small-stat{padding:0 28px;margin-top:22px}.case-card .case-card-bottom{margin:24px 28px 0;padding:18px 0 23px;gap:10px;align-items:flex-end}.case-card .case-card-bottom>span{font-size:8px}.case-card .case-card-bottom b{font-size:15px}.case-count{color:#888f7d}.category{font-size:8px}.case-compact{display:flex}.case-open-link{border:0;border-bottom:1px solid #929b80;background:transparent;padding:0 0 5px;display:flex;align-items:center;gap:18px;font-size:9px;line-height:1.5;font-weight:700;border-radius:0;white-space:nowrap}.case-open-link:hover{color:#ad4930;border-color:#ad4930}.case-open-link span{font-size:15px}.case-spatial-preview{height:224px;background:var(--studio-dark);position:relative;transform-origin:center 90%;transition:transform .35s ease;flex:none;overflow:hidden}.case-spatial-preview canvas{width:100%;height:100%;display:block}.case-visual-label{position:absolute;top:17px;left:20px;z-index:1;font-size:7px;letter-spacing:.13em;color:#c2cbb2;pointer-events:none}.case-visual-unit{position:absolute;bottom:14px;right:20px;z-index:1;font-size:6px;letter-spacing:.15em;color:#8a937e;pointer-events:none}.case-featured .case-spatial-preview{height:256px}.case-featured h3{font-size:37px}.case-security{background:#f0f2e9}.case-compact .case-spatial-preview{height:195px}.case-compact h3{font-size:29px}.case-compact>p{flex:1}.section-footnote{font-size:9px}.reveal-item{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal-item.is-visible{opacity:1;transform:translateY(0)}.case-card.reveal-item.is-visible:hover{transform:translateY(-5px)}
.workspace-section{background:#dce2d0;border-color:#c6cebb;padding-block:62px;overflow:hidden}.studio-portal{position:relative;display:flex;align-items:center;justify-content:space-between;gap:50px}.studio-portal .eyebrow{margin-bottom:16px}.studio-portal h2{font-size:43px;line-height:1.18}.studio-portal>div>p:last-child{font-size:11px;max-width:480px;color:#59644f;line-height:1.9;margin-top:20px}.studio-portal .button{align-self:flex-end;position:relative;z-index:1;white-space:nowrap}.portal-stamp{position:absolute;right:0;top:0;font-size:120px;line-height:.9;letter-spacing:-.1em;color:#c4cdb8;font-family:var(--mz-serif);pointer-events:none}.portal-stamp small{display:block;font-family:var(--mz-sans);font-size:7px;letter-spacing:.16em;margin:13px 0 0 8px}.founder-monogram{background:#e1e7d6;color:#8f9c7d;border:1px solid #d0d9c4}
/* Case application */
body.case-open{overflow:hidden}.case-viewer{position:fixed;inset:0;z-index:100;background:#f1f2eb;color:#161b12;display:flex;flex-direction:column;--mz-line:#d4d8cb;--mz-paper:#f6f7f0;--mz-muted:#727a66}.viewer-bar{height:72px;min-height:72px;background:var(--studio-dark);color:#f1f2e6;display:flex;align-items:center;padding:0 32px;gap:45px;position:relative;z-index:5;border-bottom:1px solid #ffffff14}.viewer-bar .wordmark{font-size:22px}.viewer-bar .wordmark-period{color:#d57551}.viewer-crumb{font-size:8px;letter-spacing:.15em;display:flex;gap:17px;align-items:center;color:#8d967e}.viewer-crumb span{color:#505844}.viewer-crumb b{font-weight:500;color:#d0d7c2;letter-spacing:.12em}.viewer-actions{margin-left:auto;display:flex;gap:7px;align-items:center}.icon-action{background:transparent;border:1px solid #3f4735;color:#c6cfb7;min-width:33px;height:33px;padding:0 11px;font-size:14px;border-radius:3px;display:inline-flex;align-items:center;gap:9px}.icon-action span{font-size:9px;font-weight:600}.icon-action:hover{background:#2b3322;color:#fff}.viewer-close{background:#e4e9d8;color:#18200e;border:1px solid #e4e9d8;border-radius:3px;height:34px;font-size:9px;font-weight:700;padding:0 12px;display:flex;align-items:center;gap:20px;margin-left:12px}.viewer-close span{font-size:20px;font-weight:400;line-height:1}.viewer-scroll{overflow-y:auto;overflow-x:hidden;flex:1;scroll-behavior:smooth;overscroll-behavior:contain}.viewer-inner{width:min(1530px,calc(100% - 64px));margin:0 auto;padding:26px 0 34px}.viewer-case-switcher{border:0;gap:24px;margin:0 0 25px;display:flex;flex-wrap:wrap;align-items:center}.viewer-case-switcher button,.viewer-case-switcher button:first-child{padding:0 0 6px;font-size:9px;border-bottom:1px solid transparent;bottom:0;color:#737d64}.viewer-case-switcher button[aria-selected=true]{color:#a9472b;border-color:#b34c30}.case-viewer .workspace-top{padding:0;border:0;margin-bottom:27px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 35px;align-items:start;background:none}.case-viewer .workspace-top>div:first-child{grid-column:1;grid-row:1/3}.case-viewer .workspace-kicker{font-size:8px;letter-spacing:.16em;color:#7b856d;margin:0 0 11px}.case-viewer .workspace-top h3{font-size:clamp(32px,3.4vw,50px);line-height:1.12;letter-spacing:-.04em;max-width:780px;font-family:var(--mz-serif)}.case-viewer .workspace-top p:not(.workspace-kicker){font-size:11px;line-height:1.8;color:#717a64;margin-top:14px;max-width:710px}.case-viewer .source-label{grid-column:2;grid-row:1;font-size:8px;padding:0;gap:6px;justify-self:end;margin:0}.viewer-fee{grid-column:2;grid-row:2;display:flex;align-items:flex-end;flex-direction:column;gap:4px;align-self:end}.viewer-fee>span{font-size:6px;letter-spacing:.13em;color:#838d76}.viewer-fee strong{font-family:var(--mz-serif);font-size:30px;font-weight:500;letter-spacing:-.04em}.viewer-fee small{font-size:7px;color:#88917e}.viewer-navigation{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cdd3c1;gap:20px;margin-bottom:22px}.viewer-panel-tabs{display:flex;gap:27px}.viewer-panel-tabs button{font-size:10px;line-height:1.5;font-weight:500;padding:12px 0;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:#7c866d}.viewer-panel-tabs button[aria-selected=true]{border-color:#ad4e34;color:#1e2814;font-weight:700}.presentation-button{display:flex;align-items:center;gap:7px;padding:8px 12px;font-size:16px;border:1px solid #b8c1a8;border-radius:3px;background:transparent;line-height:1}.presentation-button span{font-size:9px;font-weight:600}.presentation-button:hover{background:#e3e9d7}.case-viewer .case-workspace{background:transparent;border:0;overflow:visible;margin:0}.case-viewer .workspace-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}.case-viewer .workspace-results{padding:0}.case-viewer .metrics{gap:1px;background:#cdd4c0;border:1px solid #cdd4c0;padding:0;border-radius:4px;overflow:hidden;min-height:0}.case-viewer .metric{background:#f7f8f1;padding:19px 22px 17px;gap:11px}.case-viewer .metric-label{font-size:9px;min-height:27px;max-width:210px}.case-viewer .metric-value{font-size:35px;letter-spacing:-.045em}.case-viewer .metric-value>small{font-family:var(--mz-sans);font-size:9px;color:#737e65}.case-viewer .metric-context{font-size:8px;line-height:1.6}.case-viewer .chart-toolbar{margin:23px 0 12px;align-items:center;flex-wrap:wrap;gap:10px 18px}.case-viewer .chart-toolbar>div:first-child{margin-right:auto}.case-viewer .chart-toolbar h4{font-size:11px;font-weight:700;max-width:500px}.case-viewer .chart-toolbar p{font-size:8px;margin-top:3px}.case-viewer .quiet-button{font-size:8px}.metric-picker select{background:transparent;border:1px solid #c4ccb7;border-radius:3px;max-width:235px;width:100%;font-size:9px;padding:7px 25px 7px 10px;color:#4c593d;min-height:32px}.case-viewer #download-csv{order:3}.case-viewer .workspace-controls{border:1px solid #cad1be;border-radius:4px;padding:21px;background:#e6eadf;position:sticky;top:20px}.case-viewer .controls-heading{font-size:10px;border-color:#c9d0bc;padding-bottom:15px}.case-viewer .control-group{margin-top:19px}.case-viewer .control-label{font-size:9px;color:#737d64;line-height:1.6}.case-viewer .control-label strong{font-size:11px;color:#344426}.case-viewer .control-group select{background:#f5f7ef;border-color:#c2ccb2;font-size:10px;min-height:37px;padding:8px 10px}.case-viewer .control-caption{font-size:8px;line-height:1.8;color:#7b866b}.case-viewer .range-labels{font-size:7px;color:#7f896f}.case-viewer .control-conclusion{font-size:9px;line-height:1.9;padding-top:17px;margin-top:20px;border-color:#cad2bc}.case-viewer .control-conclusion strong{font-weight:700;color:#3e502d}.case-viewer input[type=range]{accent-color:#a94c30}.case-viewer .chart-legend{font-size:8px;gap:18px;margin-top:14px}.case-viewer .chart-note{font-size:9px;line-height:1.85;margin-top:11px;max-width:900px}.spatial-shell{background:var(--studio-dark);color:#c8cebc;border:1px solid #2e3824;border-radius:5px;overflow:hidden;position:relative}.spatial-topline{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-bottom:1px solid #ffffff0f;gap:16px}.display-modes{display:flex;gap:3px}.display-modes button{font-size:8px;border:1px solid transparent;border-radius:3px;background:none;color:#858f76;padding:6px 11px;line-height:1.5}.display-modes button[aria-pressed=true]{background:#e0e6d4;color:#1b2510;border-color:#e0e6d4;font-weight:700}.display-modes button:hover:not([aria-pressed=true]){color:#e7ecdf;background:#ffffff07}.camera-actions{display:flex;gap:4px}.camera-actions button{width:28px;height:28px;display:grid;place-items:center;border:1px solid #3d4831;background:transparent;color:#b0bc9d;font-size:16px;border-radius:3px}.camera-actions button:hover{color:#fff;background:#2a3520}.spatial-stage{position:relative;height:425px;isolation:isolate}.spatial-stage canvas{height:100%;width:100%;display:block;cursor:grab;touch-action:pan-y}.spatial-stage canvas.is-dragging{cursor:grabbing;touch-action:none}.scene-meta{position:absolute;top:19px;left:21px;right:21px;display:flex;justify-content:space-between;gap:25px;font-size:7px;letter-spacing:.1em;color:#949e84;pointer-events:none;z-index:2}.scene-meta span:first-child{max-width:75%}.scene-meta span:last-child{color:#d0d7c1;font-size:8px;letter-spacing:0}.spatial-selection{position:absolute;left:20px;bottom:42px;display:flex;flex-direction:column;gap:5px;pointer-events:none;font-size:9px;color:#9ca78b;z-index:2;max-width:80%;padding:9px 13px;background:#121710ed;border-left:1px solid #6b7957;min-height:52px;justify-content:center}.spatial-selection>span{font-size:7px;letter-spacing:.02em;color:#96a082;line-height:1.6}.spatial-selection strong{font-family:var(--mz-serif);font-size:23px;font-weight:500;line-height:1.1;color:#e8ecdf;letter-spacing:-.02em}.spatial-selection small{font-family:var(--mz-sans);font-size:8px;color:#a8b399;margin-left:5px}.scene-hint{position:absolute;bottom:15px;left:21px;right:21px;display:flex;justify-content:space-between;gap:15px;pointer-events:none;font-size:6px;color:#707b60}.surface-caption{border-top:1px solid #313d26;padding:14px 20px;display:flex;gap:20px;align-items:flex-start}.surface-caption b{font-size:8px;font-weight:600;white-space:nowrap;color:#d8ddcc}.surface-caption>span{font-size:8px;line-height:1.8;color:#95a081}.surface-spectrum{display:inline-block;width:50px;height:4px;background:linear-gradient(90deg,#9b432d,#e0a671);margin-right:3px}.case-viewer .main-chart{height:425px;padding:20px;background:#f5f7ef;margin:0;border-radius:0}.case-viewer .main-chart svg{height:100%;width:100%}.additional-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:23px;padding-top:18px;border-top:1px solid #cbd3bc}.additional-metrics>div{display:flex;flex-direction:column;gap:8px}.additional-metrics span{font-size:8px;color:#838e72;line-height:1.7}.additional-metrics strong{font-size:14px;font-weight:500;color:#344526;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.case-viewer .workspace-detail{padding:25px 0 0;margin-top:27px;border-top:1px solid #cbd3bd}.case-viewer .deliverable-heading{font-size:8px;color:#839070;letter-spacing:.13em}.case-viewer .deliverable-items{gap:35px}.case-viewer .deliverable-items h4{font-size:11px}.case-viewer .deliverable-items p{font-size:10px;line-height:1.85;max-width:360px;color:#7b866c}.case-viewer .source-details{border-color:#cbd3bd}.case-viewer .source-details>div{font-size:11px;line-height:1.95}.case-viewer .source-details p+p{margin-top:15px}.case-viewer .source-details code{color:#6b7c55}.case-viewer .table-wrap{width:100%;overflow:auto;overscroll-behavior-x:contain}.case-viewer table{width:100%;border-collapse:collapse;font-size:11px}.case-viewer th{position:sticky;top:0;background:#e2e8d8;color:#52613e;font-size:9px;white-space:normal;min-width:120px;font-weight:600}.case-viewer td,.case-viewer th{padding:14px 18px;text-align:right;border-bottom:1px solid #d6ddc9}.case-viewer td:first-child,.case-viewer th:first-child{text-align:left}.case-viewer tbody tr:hover{background:#e8eedf}.case-viewer td{font-variant-numeric:tabular-nums;white-space:nowrap}.case-viewer .research-extra{margin-top:25px}.case-viewer .research-table-box{background:#e7ecdf;border:1px solid #cad3ba;padding:25px;border-radius:4px}.case-viewer .research-table-heading h3{font-size:27px}.case-viewer .research-table-heading p{font-size:9px}.case-viewer .research-table-heading select{font-size:10px;background:#f3f6ec;border-color:#c3cfb2;padding:8px 10px}.case-viewer .research-method-grid{padding-block:27px}.case-viewer .research-method-grid h4{font-size:11px}.case-viewer .research-method-grid p{font-size:10px;color:#7b866b;line-height:1.85}.viewer-bottom{border-top:1px solid #cbd3bb;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:28px;margin-top:30px}.viewer-bottom>div>span{font-size:7px;letter-spacing:.16em;color:#83916f}.viewer-bottom h3{font-family:var(--mz-serif);font-size:29px;font-weight:500;margin-top:9px;letter-spacing:-.035em}.viewer-bottom .button{font-size:10px;min-height:43px;padding:12px 17px;white-space:nowrap}.viewer-disclaimer{margin-top:25px;max-width:900px;font-size:8px;line-height:1.9;color:#909c7d}.case-viewer[data-panel=overview] .source-details{display:none}.case-viewer[data-panel=data] .workspace-body,.case-viewer[data-panel=method] .workspace-body{display:none}.case-viewer[data-panel=data] #case-deliverables,.case-viewer[data-panel=data] [data-detail=method],.case-viewer[data-panel=method] [data-detail=data]{display:none}.case-viewer[data-panel=data] .workspace-detail,.case-viewer[data-panel=method] .workspace-detail{padding-top:0;margin-top:0;border:0}.case-viewer[data-panel=data] [data-detail=data],.case-viewer[data-panel=method] [data-detail=method]{border:0}.case-viewer[data-panel=data] .source-details summary,.case-viewer[data-panel=method] .source-details summary{display:none}.case-viewer[data-panel=method] .source-details>div{max-width:1050px;margin-top:20px;padding:28px;background:#e6ecdc;border:1px solid #cbd6bc;border-radius:4px}.case-viewer[data-panel=method] #viewer-research{display:none}.case-enter .workspace-top{animation:case-intro .6s ease both}.case-enter .workspace-body{animation:case-intro .7s .08s ease both}.tour-box{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:min(810px,calc(100% - 48px));background:#1d2716f5;box-shadow:0 15px 50px #0003;border:1px solid #5a6a46;border-radius:5px;z-index:10;color:#e3ead5}.tour-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:12px 18px 0}.tour-progress i{height:2px;background:#3c492d}.tour-progress i.active{background:#d57551}.tour-content{display:flex;align-items:center;gap:20px;padding:15px 18px 19px}.tour-content>span{font-size:8px;letter-spacing:.1em;color:#a8b992;white-space:nowrap}.tour-content p{font-size:11px;line-height:1.8;flex:1}.tour-content>div{display:flex;align-items:center;gap:12px}.tour-content button{white-space:nowrap;background:none;border:0;border-bottom:1px solid #7c8d65;color:#d9e5c9;font-size:9px;padding:5px 0}.tour-content #tour-stop{font-size:22px;padding:0 4px;border:0;color:#9bad81}.viewer-toast{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);padding:13px 20px;color:#dce7cc;background:#26331d;border:1px solid #536a3c;box-shadow:0 6px 20px #0002;border-radius:4px;font-size:10px;z-index:20;max-width:85%;text-align:center}.case-viewer button:focus-visible,.case-viewer a:focus-visible,.case-viewer canvas:focus-visible{outline:2px solid #c26646;outline-offset:3px}.calculation-error{background:#f0d9cf;border:1px solid #c5846b;color:#803d27;padding:20px}.chart-tooltip{z-index:150}
.hero-spatial-tag{margin-top:110px}
@keyframes case-intro{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{gap:90px}.hero-model .hero-spatial{height:360px}.spatial-stage{height:480px}}
@media(max-width:1150px){.hero{gap:35px;min-height:600px}.hero h1{font-size:65px}.hero .eyebrow{font-size:8px;letter-spacing:.1em}.hero-proof{gap:18px}.hero-proof>p{display:none}.case-card .case-card-top,.case-card h3,.case-card>p,.case-card .case-small-stat{padding-left:23px;padding-right:23px}.case-card .case-spec,.case-card .case-card-bottom{margin-left:23px;margin-right:23px}.case-compact h3{font-size:26px}.case-compact .case-card-bottom{align-items:flex-start;flex-direction:column;gap:13px}.case-card .case-card-bottom{padding-bottom:20px}.viewer-bar{padding-inline:24px;gap:35px}.viewer-inner{width:calc(100% - 48px)}.case-viewer .workspace-body{grid-template-columns:minmax(0,1fr) 250px;gap:19px}.case-viewer .metric{padding:17px}.case-viewer .metric-value{font-size:29px}.case-viewer .metric-value>small{display:block;margin:5px 0 0}.case-viewer .metric-context{font-size:7px}.case-viewer .workspace-controls{padding:18px}.spatial-stage{height:400px}.additional-metrics{gap:16px}.additional-metrics strong{font-size:12px}.metric-picker select{max-width:220px}.viewer-fee small{max-width:175px;text-align:right;line-height:1.8}.viewer-case-switcher{gap:20px}.scene-hint span:last-child{max-width:220px;text-align:right}.case-viewer .main-chart{height:400px}}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:38px;padding-top:48px;min-height:0}.hero h1{font-size:78px}.hero-text{max-width:530px}.hero-model{max-width:none;width:100%}.hero-model .hero-spatial{height:350px}.hero-model .hero-readout{top:113px;left:28px}.hero-spatial-tag{margin-top:70px}.hero-proof>p{display:block}.case-grid{gap:18px}.case-card .case-card-bottom{align-items:flex-end;flex-direction:row;gap:10px}.case-featured .case-spatial-preview{height:225px}.case-card h3{font-size:31px}.case-featured h3{font-size:33px}.case-compact:last-child{display:flex;grid-column:span 6}.case-compact:last-child .case-spatial-preview{height:230px}.case-compact:last-child>p{max-width:650px}.case-compact:last-child h3 br{display:none}.case-compact:last-child .case-small-stat{margin-top:20px}.case-compact:last-child .case-card-top,.case-compact:last-child h3,.case-compact:last-child>p,.case-compact:last-child .case-card-bottom,.case-compact:last-child .case-small-stat{grid-column:auto;grid-row:auto}.studio-portal{gap:30px;align-items:flex-start;flex-direction:column}.studio-portal .button{align-self:flex-start}.portal-stamp{top:15px;font-size:105px}.studio-portal h2{font-size:39px}.studio-portal>div{max-width:75%}.viewer-bar{min-height:64px;height:64px;gap:25px;padding-inline:22px}.viewer-crumb{display:none}.viewer-bar .wordmark{font-size:20px}.viewer-inner{width:calc(100% - 44px);padding-top:23px}.viewer-case-switcher{gap:16px;margin-bottom:25px}.viewer-case-switcher button{font-size:8px}.case-viewer .workspace-body{grid-template-columns:1fr}.case-viewer .workspace-controls{position:static;padding:22px}.case-viewer .workspace-controls #case-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.case-viewer .control-conclusion{margin-top:17px}.case-viewer .workspace-top h3{font-size:38px;max-width:500px}.viewer-fee strong{font-size:26px}.viewer-fee>span{font-size:5px}.viewer-fee small{font-size:6px}.viewer-navigation{gap:12px}.viewer-panel-tabs{gap:23px}.viewer-panel-tabs button{font-size:9px}.presentation-button{padding:7px 9px}.presentation-button span{font-size:8px}.case-viewer .metrics .metric{padding:20px}.case-viewer .metric-value{font-size:35px}.case-viewer .metric-value>small{display:inline-block;margin-left:5px}.spatial-stage{height:400px}.case-viewer .main-chart{height:400px}.scene-hint{font-size:6px}.additional-metrics strong{font-size:14px}.case-viewer .deliverable-items{gap:22px}.case-viewer .research-method-grid{gap:22px}.viewer-bottom h3{font-size:26px;max-width:320px}.tour-content p{font-size:10px}.tour-content{gap:14px}.tour-box{bottom:15px}.case-viewer .source-label{font-size:7px}.case-viewer .workspace-top{gap:12px 22px}.case-viewer .metric-label{min-height:26px}.case-viewer .chart-toolbar h4{font-size:11px}}
@media(max-width:560px){.hero{padding-top:38px;padding-bottom:53px;gap:35px}.hero h1{font-size:clamp(47px,12vw,66px)}.hero .eyebrow{font-size:7px;letter-spacing:.07em;gap:7px}.hero-text{font-size:12px;line-height:1.9;margin-top:21px}.hero-actions{gap:20px;margin-top:23px}.hero-proof{margin-top:28px;gap:27px}.hero-proof>p{display:none}.hero-proof span{font-size:8px}.hero-model{box-shadow:8px 8px 0 #e2e5d8}.hero-model .demo-top{padding:15px 18px;font-size:6px;gap:6px}.hero-model .demo-heading{margin:18px 18px 0}.hero-model .demo-heading>p{font-size:14px}.hero-model .mini-tag{font-size:6px;padding:4px 5px}.hero-model .hero-readout{top:112px;left:18px}.hero-model .hero-readout strong{font-size:38px}.hero-model .hero-readout>div>span{font-size:8px}.hero-model .hero-readout>span{font-size:7px}.hero-model .hero-readout>p{font-size:6px;max-width:220px}.hero-model .hero-spatial{height:255px}.hero-spatial-tag{margin:90px 18px -12px;font-size:6px}.hero-model .hero-demo-controls{margin-inline:18px}.hero-model .hero-demo-controls>span{font-size:7px;max-width:90px;line-height:1.7}.hero-model .segmented-dark button{font-size:7px;padding:5px 7px}.hero-model .demo-footnote{padding:0 18px 14px;font-size:6px}.approach-card h3{font-size:30px}.case-grid{gap:22px}.case-card,.case-featured,.case-compact,.case-compact:last-child{display:flex;flex-direction:column;grid-column:1}.case-featured .case-spatial-preview,.case-compact .case-spatial-preview,.case-compact:last-child .case-spatial-preview{height:220px}.case-card .case-card-top{padding:22px 23px 0}.case-card h3,.case-featured h3,.case-compact h3{font-size:33px;padding-inline:23px;margin-top:15px}.case-card>p{padding-inline:23px;margin-top:13px;font-size:11px}.case-card .case-spec{margin:22px 23px 0;justify-content:flex-start;gap:25px}.case-card .case-spec strong{font-size:25px}.case-card .case-small-stat{padding-inline:23px;margin-top:20px}.case-card .case-card-bottom{margin:21px 23px 0;padding-bottom:22px;align-items:flex-end;flex-direction:row}.case-card .case-card-bottom b{font-size:15px}.case-card .case-card-bottom>span{font-size:8px}.case-open-link{font-size:8px;gap:17px}.case-compact:last-child h3 br{display:block}.case-visual-label{font-size:6px}.case-visual-unit{font-size:6px}.workspace-section{padding-block:43px}.studio-portal>div{max-width:100%}.studio-portal h2{font-size:34px}.studio-portal>div>p:last-child{font-size:10px;max-width:270px}.studio-portal .button{font-size:10px;min-height:46px;padding:12px 16px}.portal-stamp{opacity:.45;top:65%;font-size:65px;right:7px}.portal-stamp small{font-size:5px}.studio-portal .eyebrow{font-size:8px}.viewer-bar{height:59px;min-height:59px;padding-inline:15px;gap:10px}.viewer-bar .wordmark{font-size:18px}.viewer-bar .wordmark-symbol{width:15px;height:17px;border-width:2px;margin-right:8px}.viewer-bar .wordmark-symbol:after{height:17px;width:2px;left:4px}.viewer-actions{gap:4px}.icon-action{min-width:27px;height:28px;padding-inline:6px;font-size:12px}.icon-action span{display:none}.viewer-close{font-size:8px;height:29px;padding-inline:8px;gap:11px;margin-left:4px}.viewer-close span{font-size:18px}.viewer-inner{width:calc(100% - 30px);padding-top:19px}.viewer-case-switcher{gap:10px 15px;margin-bottom:21px}.viewer-case-switcher button,.viewer-case-switcher button:first-child{font-size:7px;padding-bottom:5px}.case-viewer .workspace-top{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.case-viewer .workspace-top>div:first-child{width:100%}.case-viewer .workspace-top h3{font-size:32px;line-height:1.16;max-width:390px}.case-viewer .workspace-kicker{font-size:7px;margin-bottom:10px}.case-viewer .workspace-top p:not(.workspace-kicker){font-size:10px;line-height:1.9;margin-top:12px}.case-viewer .source-label{font-size:7px;align-self:center;max-width:140px;white-space:normal;line-height:1.7}.viewer-fee{gap:3px;align-items:flex-end;margin-left:auto}.viewer-fee>span{font-size:5px;letter-spacing:.08em}.viewer-fee strong{font-size:23px}.viewer-fee small{font-size:5px;max-width:160px}.viewer-navigation{flex-wrap:wrap;gap:12px;margin-bottom:17px}.viewer-panel-tabs{gap:20px;flex:1;justify-content:space-between}.viewer-panel-tabs button{font-size:8px;padding:11px 0;white-space:nowrap}.presentation-button{font-size:14px;padding:7px 10px;margin-bottom:9px}.presentation-button span{font-size:8px}.case-viewer .metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-color:#cad3bb}.case-viewer .metric{padding:14px 10px!important;gap:9px;grid-column:auto!important}.case-viewer .metric-label{font-size:7px;min-height:32px;line-height:1.7}.case-viewer .metric-value{font-size:25px;white-space:normal;overflow-wrap:anywhere}.case-viewer .metric-value>small{display:block;margin:5px 0 0;font-size:7px}.case-viewer .metric-context{font-size:6px;line-height:1.8}.case-viewer .workspace-body{gap:19px}.case-viewer .chart-toolbar{gap:10px;margin-top:20px;margin-bottom:11px}.case-viewer .chart-toolbar>div:first-child{width:100%}.case-viewer .chart-toolbar h4{font-size:10px;max-width:330px}.case-viewer .chart-toolbar p{font-size:7px}.case-viewer .quiet-button{font-size:7px}.metric-picker{max-width:calc(100% - 97px)}.metric-picker select{font-size:8px;max-width:230px;min-height:31px}.case-viewer #download-csv{margin-left:auto}.spatial-topline{padding:10px 11px;gap:6px}.display-modes{gap:1px}.display-modes button{font-size:7px;padding:5px 8px}.camera-actions{gap:3px}.camera-actions button{width:25px;height:25px;font-size:14px}.spatial-stage{height:340px}.case-viewer .main-chart{height:340px;padding:12px 8px}.scene-meta{left:13px;right:13px;top:15px;font-size:6px;gap:12px}.scene-meta span:last-child{font-size:7px}.scene-hint{left:13px;right:13px;bottom:12px;font-size:5px;gap:12px}.scene-hint span:last-child{max-width:150px}.spatial-selection{left:13px;bottom:41px;max-width:90%;font-size:8px;padding:7px 10px;min-height:44px}.spatial-selection>span{font-size:6px}.spatial-selection strong{font-size:21px}.surface-caption{display:block;padding:12px 14px}.surface-caption b{display:block;font-size:8px;margin-bottom:6px}.surface-caption>span{font-size:7px}.additional-metrics{grid-template-columns:1fr 1fr;gap:16px 23px;margin-top:21px;padding-top:18px}.additional-metrics span{font-size:7px}.additional-metrics strong{font-size:13px}.case-viewer .chart-legend{font-size:7px;gap:8px 15px;line-height:1.7}.case-viewer .chart-note{font-size:8px;line-height:1.9}.case-viewer .workspace-controls{padding:18px}.case-viewer .workspace-controls #case-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.case-viewer .control-label{font-size:8px;flex-wrap:wrap;gap:5px}.case-viewer .control-label strong{font-size:10px}.case-viewer .control-caption{font-size:7px}.case-viewer .control-group select{font-size:9px;padding:8px;min-height:35px}.case-viewer .controls-heading{font-size:9px}.case-viewer .control-conclusion{font-size:8px}.case-viewer .workspace-detail{padding-top:23px;margin-top:25px}.case-viewer .deliverable-items{grid-template-columns:1fr;gap:18px;margin-bottom:6px}.case-viewer .deliverable-items h4{font-size:10px}.case-viewer .deliverable-items p{font-size:9px;max-width:none}.case-viewer .deliverable-heading{font-size:7px;margin-bottom:20px}.case-viewer .research-table-box{padding:20px 14px}.case-viewer .research-table-heading h3{font-size:25px}.case-viewer .research-table-heading p{font-size:8px}.case-viewer .research-table-heading select{font-size:9px}.case-viewer table{font-size:10px}.case-viewer th{font-size:8px;min-width:110px}.case-viewer td,.case-viewer th{padding:12px 13px}.case-viewer .research-method-grid{grid-template-columns:1fr;gap:18px;padding-block:22px}.case-viewer .research-method-grid h4{font-size:10px}.case-viewer .research-method-grid p{font-size:9px}.case-viewer[data-panel=method] .source-details>div{padding:19px;font-size:10px}.viewer-bottom{flex-direction:column;align-items:flex-start;padding-top:24px;gap:19px}.viewer-bottom h3{font-size:28px;max-width:320px}.viewer-bottom .button{font-size:10px;min-height:42px}.viewer-bottom>div>span{font-size:6px}.viewer-disclaimer{font-size:7px;line-height:1.9;margin-top:22px}.tour-box{bottom:12px;width:calc(100% - 24px)}.tour-content{padding:13px 14px 15px;gap:12px;flex-wrap:wrap}.tour-content>span{font-size:7px}.tour-content p{font-size:10px;line-height:1.8;flex-basis:calc(100% - 80px)}.tour-content>div{margin-left:auto}.tour-content button{font-size:9px}.tour-progress{padding:12px 14px 0}.viewer-toast{font-size:9px;padding:11px 15px}.studio-portal .eyebrow{max-width:250px}}
@media(max-width:380px){.hero h1{font-size:44px}.hero-model .demo-heading>p{font-size:12px}.hero-model .hero-spatial{height:235px}.hero-model .hero-readout{top:106px}.hero-model .hero-readout strong{font-size:34px}.hero-spatial-tag{margin-top:88px}.hero-model .mini-tag{font-size:5px}.hero-model .hero-demo-controls{flex-wrap:nowrap}.hero-model .hero-demo-controls>span{max-width:80px;font-size:6px}.hero-model .segmented-dark button{padding-inline:6px}.case-card h3,.case-featured h3,.case-compact h3{font-size:clamp(25px,8.4vw,31px)}.case-card .case-spec{gap:18px}.case-card .case-spec strong{font-size:23px}.case-card .case-card-bottom{gap:7px}.case-open-link{gap:10px;font-size:7px}.case-card .case-card-bottom b{font-size:14px}.viewer-bar{padding-inline:10px}.viewer-bar .wordmark{font-size:16px}.viewer-bar .wordmark-symbol{margin-right:6px}.viewer-actions{gap:3px}.viewer-close{gap:8px;font-size:7px;padding-inline:6px}.icon-action{min-width:25px;padding-inline:5px;height:27px}.viewer-inner{width:calc(100% - 24px)}.case-viewer .workspace-top h3{font-size:29px}.viewer-panel-tabs{gap:12px}.viewer-panel-tabs button{font-size:7px}.case-viewer .metric-value{font-size:22px}.case-viewer .metric-label{font-size:6px}.case-viewer .metric{padding:13px 8px!important}.case-viewer .workspace-controls #case-controls{grid-template-columns:1fr}.display-modes button{font-size:6px;padding:6px}.camera-actions button{width:23px;height:24px}.spatial-topline{padding-inline:8px}.spatial-stage{height:320px}.scene-hint span:last-child{max-width:130px}.case-viewer .main-chart{height:320px}.viewer-fee small{max-width:145px}.viewer-fee>span{font-size:4px}.viewer-fee strong{font-size:22px}.case-viewer .source-label{max-width:115px;font-size:6px}.hero .eyebrow{font-size:6px}.studio-portal h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.reveal-item{opacity:1;transform:none;transition:none}.case-enter .workspace-top,.case-enter .workspace-body{animation:none}.case-card,.case-spatial-preview{transition:none}.viewer-scroll{scroll-behavior:auto}}
@media(max-width:560px){.case-viewer .metric-label{font-size:8px;min-height:43px}.case-viewer .metric-context{font-size:8px}.viewer-case-switcher button,.viewer-case-switcher button:first-child{font-size:9px}.viewer-panel-tabs button{font-size:9px}.case-viewer .workspace-top p:not(.workspace-kicker){font-size:12px}.case-viewer .source-label{font-size:8px}.case-viewer .chart-toolbar h4{font-size:12px}.case-viewer .chart-toolbar p{font-size:9px}.metric-picker select{font-size:10px}.case-viewer .quiet-button{font-size:9px}.case-viewer .control-label{font-size:11px}.case-viewer .control-caption{font-size:10px}.case-viewer .control-group select{font-size:14px}.case-viewer .controls-heading{font-size:11px}.case-viewer .control-conclusion{font-size:11px}.case-viewer .chart-note{font-size:10px}.case-viewer .chart-legend{font-size:9px}.additional-metrics span{font-size:10px}.additional-metrics strong{font-size:14px}.spatial-selection>span{font-size:8px}.spatial-selection{font-size:9px}.scene-hint{font-size:7px}.scene-hint span:last-child{max-width:155px}.display-modes button{font-size:8px}.viewer-disclaimer{font-size:9px}.case-viewer .deliverable-items h4,.case-viewer .research-method-grid h4{font-size:12px}.case-viewer .deliverable-items p,.case-viewer .research-method-grid p{font-size:11px}.case-viewer .source-details>div{font-size:12px}.case-viewer[data-panel=method] .source-details>div{font-size:12px}.hero-model .demo-footnote{font-size:8px}.case-card>p{font-size:12px}.category{font-size:9px}}