.type-study{--gutter:clamp(1.25rem, 5vw, 5rem);color:var(--text-primary);background:var(--surface-canvas)}.type-study a:not(.color-action,.color-action-secondary){color:inherit;text-underline-offset:.25em;text-decoration:underline;text-decoration-thickness:1px}.type-study a:not(.color-action,.color-action-secondary):hover{text-decoration-thickness:2px}.type-study h1,.type-study h2,.type-study h3,.type-study p{overflow-wrap:break-word;margin:0}.type-study p+p{margin-top:1.1em}.type-study section{scroll-margin-top:1.5rem}.type-study .skip-link{z-index:1;background:var(--surface-raised);padding:.75rem;position:absolute;top:.75rem;left:.75rem;transform:translateY(-200%)}.type-study .skip-link:focus{transform:translateY(0)}.type-study .masthead{padding:1.75rem var(--gutter);background:var(--surface-brand);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.type-study .logo{width:clamp(7.5rem,16vw,11.5rem);height:auto;display:block}.type-study nav{flex-wrap:wrap;gap:.25rem 1.5rem;display:flex}.type-study nav a{align-items:center;min-height:2.75rem;display:inline-flex}.type-study .display-study{padding:2.5rem var(--gutter) 5.5rem;background:var(--surface-brand);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:clamp(2rem,6vw,6rem);display:grid}.type-study h1{max-width:12ch}.type-study .direction-note{max-width:32ch;padding-bottom:.6rem}.type-study .direction-note p{margin-top:1rem}.type-study .direction-note a{align-items:center;min-height:2.75rem;margin-top:1rem;display:inline-flex}.type-study .section{padding:5rem var(--gutter)}.type-study .reading-study{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(2rem,7vw,7rem);display:grid}.type-study .reading-study h2{max-width:17ch}.type-study .caption{margin-top:1.5rem}.type-study .roles-study{background:var(--surface-support)}.type-study .roles-study>h2{margin-bottom:2.5rem}.type-study .role-row{border-top:1px solid var(--border-color);grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:baseline;gap:1rem 3rem;padding:1.75rem 0;display:grid}.type-study .role-row p{margin:0}.type-study .inverse-study>h2{max-width:26ch;margin-bottom:2rem}.type-study .palette-study>p{margin-top:1.25rem}.type-study .swatches{grid-template-columns:repeat(6,minmax(0,1fr));margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.type-study .swatches li{flex-direction:column;justify-content:space-between;gap:2rem;min-height:10rem;padding:1rem;display:flex}.type-study .swatches .mint{background:var(--mint)}.type-study .swatches .charcoal{background:var(--charcoal);color:var(--white)}.type-study .swatches .white{background:var(--white);outline:1px solid var(--charcoal);outline-offset:-1px}.type-study .swatches .lavender{background:var(--lavender)}.type-study .swatches .rose{background:var(--rose)}.type-study .swatches .sage{background:var(--sage)}.type-study .footer{padding:2rem var(--gutter);background:var(--surface-editorial);flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.type-study .footer p{margin:0}.type-study .state-study>.type-prose{margin-top:1.5rem}.type-study .action-samples{flex-wrap:wrap;gap:1rem;margin-block:2rem;display:flex}.type-study .sample-action{text-align:center;justify-content:center;align-items:center;max-width:100%;min-height:2.75rem;padding:.75rem 1.25rem;display:inline-flex}.type-study .inverse-actions{margin-block:2rem;padding:2rem}.type-study .inverse-actions .action-samples{margin-bottom:0}.type-study .field-sample{gap:.75rem;max-width:30rem;margin-block:2rem;display:grid}.type-study .color-field{width:100%;min-width:0;padding:.75rem}.type-study .status-samples{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem;padding:0;list-style:none;display:grid}.type-study .color-status{padding:1.5rem}.type-study .color-status p{margin-top:.75rem}.type-study .empty-sample{border:1px dashed var(--border-color);background:var(--surface-raised);margin-top:2rem;padding:1.5rem}.type-study #state-notes{margin-top:2rem}@media (max-width:48rem){.type-study .display-study,.type-study .reading-study{grid-template-columns:1fr}.type-study .display-study{gap:2.5rem;padding-top:2rem;padding-bottom:3rem}.type-study .direction-note{max-width:40ch}.type-study .section{padding-block:3rem}.type-study .role-row{grid-template-columns:1fr}.type-study .swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:30rem){.type-study .masthead{gap:1rem;padding-block:1.25rem}.type-study nav{gap:.25rem .75rem}.type-study .swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.type-study .status-samples{grid-template-columns:1fr}.type-study .inverse-actions{padding:1.25rem}}