.brand-logo{width:213px;height:40px;display:block}.brand-logo picture,.brand-logo img{width:100%;height:100%;display:block}.brand-logo img{object-fit:contain;object-position:left center}.brand-logo .brand-logo-light,.brand-logo--light .brand-logo-dark{display:none}.brand-logo--light .brand-logo-light{display:block}@media (prefers-color-scheme:dark){.brand-logo--adaptive .brand-logo-dark{display:none}.brand-logo--adaptive .brand-logo-light{display:block}}@media (max-width:600px){.brand-logo{width:36px;height:36px}}.brand-logo{flex-shrink:0}.concept-name,.header .wordmark{min-width:44px;min-height:44px}.brand-logo.brand-logo--compact{width:44px;height:44px}
html{-moz-text-size-adjust:100%;text-size-adjust:100%}.concept,.studypad-case{overflow-wrap:break-word}.concept .concept-width,.studypad-case .study-shell{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.concept :is(button,a),.studypad-case :is(button,a){touch-action:manipulation}.concept :is(button,a):not(.concept-project-art a),.studypad-case :is(button,a){min-width:44px}.concept :is(.concept-nav,.concept-footer) a,.studypad-case :is(.study-header,.study-footer) a{min-height:44px}.concept :is(.concept-project,.concept-project-editorial,.concept-project-heading,.concept-project-purpose,.stack-controls,.stack-view-group,.stack-actions),.studypad-case :is(.study-opening-copy,.study-inquiry,.study-next){min-width:0}.concept :is(.stack-view-buttons,.stack-step-buttons) button{white-space:normal;overflow-wrap:anywhere;min-width:44px;line-height:1.5}.concept .concept-project-button,.studypad-case .study-button{white-space:normal;text-align:center;overflow-wrap:anywhere;max-width:100%}.concept .concept-contact-status,.studypad-case .study-contact-pending{overflow-wrap:anywhere;width:fit-content;max-width:100%}.concept .concept-section-intro h2{white-space:normal}.portfolio-arrow{vertical-align:-.12em;flex-shrink:0;width:1em;height:1em;display:inline-block;overflow:visible}@media (max-width:62rem){.concept .concept-opening{height:auto;min-height:0;padding-bottom:clamp(1rem,3vw,2rem);overflow:visible}.concept .concept-hero{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:2rem clamp(.5rem,2vw,1.5rem);height:auto;min-height:0;padding-block:clamp(1.5rem,5vw,3rem) 0;display:grid;position:relative;top:auto}.concept .concept-hero-copy{pointer-events:auto;grid-area:1/1;width:100%;min-width:0}.concept h1{letter-spacing:-.065em;font-size:clamp(1.25rem,6.8vw,4.5rem);line-height:1.08}.concept .concept-title-line{white-space:normal;overflow-wrap:normal}.concept .concept-object{aspect-ratio:1.08;grid-area:1/2;align-self:start;width:100%;min-width:0;max-width:100%;height:auto;margin:clamp(1rem,5vw,3rem) 0 0;position:relative;inset:auto;transform:none}.concept .concept-object-caption{text-align:center;overflow-wrap:normal;margin:0;padding-top:.5rem;font-size:.75rem;line-height:1.5;position:absolute;inset:100% 0 auto}.concept .concept-object-caption>span{margin:0;display:block}.concept .concept-hero-copy .concept-kicker{letter-spacing:.03em;overflow-wrap:normal;align-items:baseline;margin-bottom:1rem;font-size:.75rem;line-height:1.6}.concept .concept-hero-copy .concept-kicker>span{flex-shrink:0}.concept .concept-lede{max-width:none;margin-top:1.25rem;font-size:1rem;line-height:1.65}.concept .concept-hero-links{flex-direction:column;align-items:stretch;gap:.75rem;min-width:0;margin-top:1.25rem}.concept .concept-hero-links>a{white-space:normal;overflow-wrap:normal;min-width:44px;max-width:100%;min-height:44px;font-size:.875rem;line-height:1.5}.concept .concept-primary{justify-content:space-between;gap:.5rem;padding:.5rem .65rem}.concept .concept-primary>span:first-child{min-width:0}.concept .concept-link-arrow{flex-shrink:0;width:1.75rem;height:1.75rem}.concept .concept-layer-key{grid-column:1/-1;min-width:0;margin-top:0;padding-top:1.25rem;display:block;position:relative;inset:auto}.concept .concept-layer-controls{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:.5rem;display:grid}.concept .concept-layer-controls button{white-space:normal;overflow-wrap:anywhere;gap:.4rem;min-width:44px;min-height:44px;padding:.65rem;font-size:.875rem;line-height:1.5}.concept .concept-layer-symbol{margin-left:auto}.concept .concept-layer-description{max-width:none;min-height:0;margin-top:1rem}.concept .concept-assembly-meter{display:none}}@media (max-width:48rem){.concept .concept-width{width:calc(100% - clamp(2rem,7vw,3rem))}.concept .concept-nav{flex-wrap:wrap;gap:.75rem;height:auto;min-height:5rem;padding-block:.75rem}.concept .concept-nav nav{flex-wrap:wrap;justify-content:flex-end;gap:clamp(.5rem,3vw,1.25rem);min-width:0}.concept .concept-nav-note{display:none}.concept .concept-nav-contact{white-space:normal;gap:.4rem}.concept .concept-project-editorial{display:block}.concept .concept-project-editorial .concept-project-heading h3{overflow-wrap:anywhere;font-size:clamp(2rem,9vw,3rem)}.concept .concept-project-editorial .concept-project-purpose{max-width:none}.concept .concept-project-art.screenshot-stack{min-width:0;padding-inline:0}.concept .stack-current-caption{clip-path:none;white-space:normal;flex-wrap:wrap;width:auto;height:auto;margin:0;padding:0;display:flex;position:static;overflow:visible}.concept .stack-view-group{align-items:start;gap:1rem}.concept .stack-view-buttons{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:.5rem;width:100%;display:grid}.concept .stack-view-buttons button{padding:.65rem .75rem}.concept .stack-step-buttons{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.5rem}.concept .stack-step-buttons button{gap:.4rem;padding:.65rem .5rem}.concept .concept-support-project{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1rem}.concept .concept-support-project img{width:100%;max-width:100%}.concept .concept-support-project h3{overflow-wrap:anywhere;font-size:clamp(1.25rem,5vw,1.6rem)}.concept .concept-support-project>.concept-project-button{min-width:44px;padding:.65rem .75rem}.concept .concept-expertise h2{font-size:clamp(2rem,8vw,2.8rem)}.concept .concept-expertise li{gap:.75rem;min-width:0}.concept .concept-expertise li>div{min-width:0}.concept .concept-expertise li h3{overflow-wrap:anywhere;font-size:clamp(1.125rem,4.5vw,1.5rem)}.concept .concept-contact h2{overflow-wrap:normal;font-size:clamp(2.5rem,14vw,5.5rem)}.concept .concept-footer>.concept-width{flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.studypad-case .study-header>.study-shell{flex-wrap:wrap;gap:.75rem;height:auto;min-height:76px;padding-block:.5rem}.studypad-case .study-header nav{flex-wrap:wrap;gap:1rem}.studypad-case .study-opening-title{display:block}.studypad-case .study-categories{justify-content:flex-start;margin-top:1.25rem}.studypad-case .study-categories li{white-space:normal;max-width:100%}.studypad-case .study-index>.study-shell{flex-wrap:wrap;justify-content:flex-start;gap:.25rem 1rem;padding-block:.25rem}.studypad-case .study-index a{font-size:.875rem}.studypad-case .study-opening-copy,.studypad-case .study-heading-split,.studypad-case .study-workspace-copy,.studypad-case .study-secondary-examples,.studypad-case .study-decisions,.studypad-case .study-inquiry,.studypad-case .study-next{grid-template-columns:minmax(0,1fr)}.studypad-case .study-mobile-example{display:block}.studypad-case .study-opening-copy h2{font-size:clamp(1.5rem,7vw,2.25rem)}.studypad-case h1{overflow-wrap:anywhere;font-size:clamp(3.5rem,17vw,7rem)}.studypad-case .study-section h2{font-size:clamp(1.75rem,7.5vw,2.5rem)}.studypad-case .study-technology dl>div{grid-template-columns:minmax(0,1fr);gap:.5rem}.studypad-case .study-technology dd{overflow-wrap:anywhere}.studypad-case .study-footer-meta{flex-wrap:wrap}.studypad-case .study-mobile-image{max-width:min(100%,17.5rem)}.header.shell{flex-wrap:wrap;gap:1rem;height:auto;min-height:5rem;padding-block:.75rem}.header nav{flex-wrap:wrap;gap:.75rem}.header a{align-items:center;min-width:44px;min-height:44px;display:inline-flex}.case.shell{width:calc(100% - 2rem);min-width:0}.case .tags li{white-space:normal;overflow-wrap:anywhere}}@media (max-height:36rem){.concept .concept-opening{height:auto;min-height:0;overflow:visible}.concept .concept-hero{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.5rem;height:auto;min-height:0;padding-block:1.5rem 0;display:grid;position:relative}.concept h1{font-size:clamp(1.25rem,6.8vw,4.5rem);line-height:1.08}.concept .concept-title-line{white-space:normal}.concept .concept-hero-copy{grid-area:1/1;width:100%;min-width:0}.concept .concept-object{grid-area:1/2;align-self:start;width:100%;max-width:22rem;margin-inline:auto;position:relative;inset:auto;transform:none}.concept .concept-layer-key{grid-column:1/-1;margin-top:1rem;position:relative;inset:auto}.study-header,.study-index{position:relative;top:auto}}@media (max-width:48rem){body:has(.concept,.studypad-case) .screenshot-viewer{--viewer-caption-space:clamp(6rem,24dvh,10rem)}body:has(.concept,.studypad-case) .screenshot-viewer .yarl__container{bottom:calc(var(--viewer-caption-space) + env(safe-area-inset-bottom,0px))}body:has(.concept,.studypad-case) .screenshot-viewer .viewer-caption{height:var(--viewer-caption-space);pointer-events:auto;overflow-wrap:anywhere;align-items:flex-start;min-height:0;padding:12px 56px;font-size:.875rem;overflow-y:auto}:is(body:has(.concept,.studypad-case) .screenshot-viewer .yarl__navigation_prev,body:has(.concept,.studypad-case) .screenshot-viewer .yarl__navigation_next){top:auto;bottom:calc(1rem + env(safe-area-inset-bottom,0px));position:fixed;transform:none}.studypad-case .study-header{position:relative;top:auto}.studypad-case .study-index{top:0}.studypad-case .study-index a{min-width:44px;min-height:44px}}@media (max-height:36rem){.studypad-case .study-header,.studypad-case .study-index{position:relative;top:auto}}.concept .concept-hero h1{letter-spacing:-.065em;font-size:clamp(2.75rem,5.7vw,6rem);line-height:1.08}.concept .concept-hero .concept-title-line{white-space:normal;overflow-wrap:normal}@media (max-width:62rem){.concept .concept-hero h1{font-size:clamp(1.25rem,5.4vw,3.75rem)}}@media (max-width:48rem){.concept .concept-hero-copy .hero-identity{letter-spacing:.025em;font-size:.625rem;line-height:1.6;display:block}.concept .concept-hero h1{font-size:clamp(1.25rem,5.4vw,2.75rem)}}