.case-page .site-header{--nav-fade:0s}.case-page .case-main>.paper{-webkit-mask-image:linear-gradient(#000 calc(100% - 140px),#0000);mask-image:linear-gradient(#000 calc(100% - 140px),#0000)}.case-page .site-ending>.paper{-webkit-mask-image:linear-gradient(#0000,#000 140px);mask-image:linear-gradient(#0000,#000 140px)}.case-main{isolation:isolate;min-height:100dvh;padding:140px var(--gutter) 96px;place-items:center;display:grid;position:relative}.case-main>.paper{opacity:.45}.case-panel{background:#fafafae8;border:1px solid #25282955;width:min(100%,510px);padding:clamp(28px,5vw,52px)}.case-panel h1{text-align:left;margin:0;font-size:38px;line-height:1.15}.case-panel p{color:#62686a;line-height:1.6}.case-panel label{margin:28px 0 8px;font-size:14px;display:block}.case-panel input{width:100%;min-height:48px;font:inherit;color:var(--ink);background:var(--paper);border:1px solid #8e9191;border-radius:0;padding:10px 12px}.case-panel button{background:var(--ink);min-height:48px;color:var(--paper);border:1px solid #252829;border-radius:0;width:100%;margin-top:16px;padding:12px 16px;font-size:14px}.case-panel button:disabled{opacity:.6;cursor:wait}.case-panel #case-feedback{color:#9f332e;min-height:22px;margin:12px 0 0;font-size:14px}.case-panel a{text-underline-offset:5px;text-decoration:underline}.case-panel .case-contact{margin:24px 0 0;font-size:14px}.case-panel .case-contact a{overflow-wrap:anywhere;align-items:baseline;gap:8px;display:inline-flex}.case-back{align-items:baseline;gap:10px;min-height:44px;margin-top:28px;font-size:14px;display:inline-flex}#case-content,#case-main.study{outline:none}@media (width<=700px){.case-main{padding-top:116px;padding-bottom:56px}.case-panel{padding:28px 24px}.case-page .case-main>.paper{-webkit-mask-image:linear-gradient(#000 calc(100% - 96px),#0000);mask-image:linear-gradient(#000 calc(100% - 96px),#0000)}.case-page .site-ending>.paper{-webkit-mask-image:linear-gradient(#0000,#000 96px);mask-image:linear-gradient(#0000,#000 96px)}}.connectors-page .site-header{--nav-fade:0s}.study{max-width:1500px;padding:132px var(--gutter) 100px;margin:0 auto}.study.with-study-index{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:clamp(44px,6vw,112px);max-width:1500px;display:grid}.study-index{align-self:start;max-height:calc(100vh - 150px);padding:0 4px 16px 0;position:sticky;top:128px;overflow-y:auto}.study-index-back{min-height:44px;color:var(--ink);text-underline-offset:5px;align-items:flex-start;font-size:13px;line-height:1.4;text-decoration:underline;display:inline-flex;position:relative;top:-5px}.study-index-label{display:none}.study-index-links{gap:12px;display:grid}.study-index-links a{color:#7d858b;min-height:0;padding:0;font-size:13px;line-height:1.25;text-decoration:none;transition:color .18s;display:block}.study-index-links a:hover,.study-index-links a[aria-current=location]{color:var(--ink)}.study-index-links a[aria-current=location]{font-weight:600}.study-content{min-width:0;max-width:980px}.study-intro{margin:0}.study-back{text-underline-offset:5px;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;display:inline-flex}.study-intro .study-back{display:none}.study-date{color:#69737b;letter-spacing:.13em;margin:0 0 18px;font-size:11px;font-weight:600;line-height:1.6}.study-intro h1{max-width:none;font:400 clamp(38px,4vw,56px)/1.06 var(--font-display);letter-spacing:-.045em;text-align:left;font-optical-sizing:none;font-variation-settings:"opsz" 20;margin:0}.study-subtitle{color:#485159;letter-spacing:-.015em;max-width:740px;margin:20px 0 16px;font-size:clamp(19px,2vw,24px);line-height:1.45}.study-tags{color:#5e666d;margin:0;font-size:14px}.study-section{border:0;margin:0;padding-top:74px;scroll-margin-top:112px}.section-heading{align-items:baseline;gap:18px;margin:0 0 24px;display:flex}.section-heading h2{max-width:790px;font:400 clamp(32px,3.2vw,46px)/1.15 var(--font-display);letter-spacing:-.035em;font-optical-sizing:none;font-variation-settings:"opsz" 20;margin:0}.section-content>p,.study-list{color:#465159;max-width:720px;margin:0 0 18px;font-size:17px;line-height:1.75}.study-list{padding-left:23px}.study-list li+li{margin-top:12px}.project-details{border-top:1px solid #d7dcdf;border-bottom:1px solid #d7dcdf;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:28px 0;display:grid}.project-details div{min-width:0}.project-details dt{color:#7b8388;letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px;font-size:11px;font-weight:600}.project-details dd{color:#252b30;margin:0;font-size:14px;line-height:1.5}.study-figure{background:#f2f4f6;border:1px solid #d8dde0;margin:36px 0 0}.study-content>.study-figure{margin-top:38px}.study-figure+.study-figure{margin-top:48px}.study-hero-image{background-color:#f2f3f1;background-image:linear-gradient(#25282906 1px,#0000 1px),linear-gradient(90deg,#25282906 1px,#0000 1px);background-size:28px 28px;padding:clamp(24px,3vw,42px)}.study-hero-image .figure-open{border:1px solid #bfc5c8;box-shadow:0 16px 38px #303b4526}.figure-open{cursor:zoom-in;background:0 0;display:block;position:relative;overflow:hidden}.figure-open img{object-fit:contain;width:100%;height:auto;display:block}.study-figure figcaption{color:#6d767c;border-top:1px solid #d8dde0;max-width:70ch;padding:12px 16px;font-size:14px;line-height:1.5;display:none}.study-figure figcaption ul{margin:0;padding-left:21px}.study-figure figcaption li+li{margin-top:6px}.study-end{margin-top:64px}.study-footer{padding:0 var(--gutter)}.image-viewer{color:#253246;background:#f2f5fa;border:1px solid #dce3ec;border-radius:12px;width:calc(100vw - 32px);max-width:none;height:calc(100dvh - 32px);max-height:none;margin:auto;padding:0}.image-viewer::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#142033bd}.viewer-toolbar{background:#fff;border-bottom:1px solid #dce3ec;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:12px 20px;display:flex}.viewer-toolbar>span{font-size:16px}.viewer-toolbar>div{flex-shrink:0;align-items:center;gap:12px;display:flex}.viewer-toolbar button,.viewer-toolbar a{background:#fff;border:1px solid #ccd5e0;border-radius:5px;align-items:center;min-height:44px;padding:8px 12px;font-size:14px;display:inline-flex}.viewer-canvas{overscroll-behavior:contain;justify-content:center;align-items:center;height:calc(100% - 72px);display:flex;overflow:auto}.viewer-canvas img{width:auto;max-width:100%;height:auto;max-height:100%;display:block}.image-viewer[data-actual=true] .viewer-canvas{display:block}.image-viewer[data-actual=true] .viewer-canvas img{max-width:none;max-height:none;margin:0}.connectors-page:has(.image-viewer[open]){overflow:hidden}@media (width<=1050px){.study.with-study-index{grid-template-columns:175px minmax(0,1fr);gap:42px}.project-details{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.study.with-study-index{padding:102px 22px 70px;display:block}.study-index{display:none}.study-intro .study-back{margin-bottom:30px;display:inline-flex}.study-section{padding-top:58px;scroll-margin-top:96px}.study-intro h1{font-size:39px}.study-subtitle{font-size:19px}.section-heading h2{font-size:34px}.section-content>p,.study-list{font-size:16px;line-height:1.7}.study-content>.study-figure{margin-top:28px}.study-figure+.study-figure{margin-top:32px}.viewer-toolbar{flex-wrap:wrap;gap:8px;min-height:116px;padding:12px}.viewer-toolbar>div{justify-content:space-between;gap:4px;width:100%}.viewer-toolbar button,.viewer-toolbar a{padding:7px;font-size:14px}.viewer-canvas{height:calc(100% - 116px)}.image-viewer{width:calc(100vw - 16px);height:calc(100dvh - 16px)}}@media (width<=470px){.project-details{grid-template-columns:1fr;gap:23px}}@media (prefers-reduced-motion:reduce){.study-index-links a{transition:none}}