.cx-scope .cx{--cx-rule:color-mix(in oklab, currentColor 20%, transparent);background:var(--background);color:var(--foreground)}.cx-scope .cx-opening{isolation:isolate;min-height:280px;padding:32px var(--home-gutter);color:var(--surface-deep-foreground);background:var(--surface-deep);align-items:end;display:flex;position:relative}.cx-scope .cx-opening video{object-fit:cover;object-position:center 5%;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.cx-scope .cx-opening:after{content:"";z-index:-1;background:linear-gradient(90deg, color-mix(in oklab, var(--surface-deep) 85%, transparent), color-mix(in oklab, var(--surface-deep) 10%, transparent));position:absolute;inset:0}.cx-scope .cx-opening-copy{max-width:560px}.cx-scope .cx-opening-copy>p:last-child{max-width:440px;margin-top:24px;font-size:16px;line-height:1.7}.cx-scope .cx-film-control{right:var(--home-gutter);color:inherit;border-color:var(--cx-rule);background:0 0;position:absolute;bottom:28px}.cx-scope .cx-navigation{z-index:3;padding:8px var(--home-gutter);background:var(--background);border-block:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex;position:relative}.cx-scope .cx-navigation nav{flex-basis:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-block:20px;display:grid}.cx-scope .cx-navigation nav p{color:var(--copper);margin-bottom:12px;font-size:12px;font-weight:600}.cx-scope .cx-navigation nav a{text-align:left;white-space:normal;text-underline-offset:5px;padding:8px 0;font-size:13px;display:block}.cx-scope .cx-navigation nav a:hover{text-decoration:underline}.cx-scope .cx-moment{padding:32px var(--home-gutter);border-bottom:1px solid var(--cx-rule);min-height:440px;scroll-margin-top:100px}.cx-scope .cx-origin{background:var(--verdant);color:var(--surface-deep-foreground)}.cx-scope .cx-process{background:var(--surface-deep);color:var(--surface-deep-foreground)}.cx-scope .cx-composition{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;max-width:1240px;margin-inline:auto;display:grid}.cx-scope .cx-composition>*{min-width:0}.cx-scope .cx-topic-number{margin-bottom:20px;font-size:12px}.cx-scope .cx h3:not(.type-display){font-family:var(--type-reading);letter-spacing:0;text-wrap:pretty;font-size:44px;font-weight:500;line-height:1.15}.cx-scope .cx p.cx-analogy{font-family:var(--font-brand-accent);max-width:400px;margin-top:28px;font-size:19px;line-height:1.7}.cx-scope .cx-intro{margin-bottom:28px;font-size:20px;line-height:1.65}.cx-scope .cx-reading p{line-height:1.75}.cx-scope .cx-demo{border-block:1px solid var(--cx-rule);margin-block:24px;padding-block:20px}.cx-scope .cx-options{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.cx-scope .cx-options button{color:inherit;border-color:var(--cx-rule);background:0 0}.cx-scope .cx-options button[aria-pressed=true]{background:var(--copper);color:var(--surface-deep);border-color:var(--copper)}.cx-scope .cx-try{gap:8px;margin-block:28px;font-size:14px;display:grid}.cx-scope .cx-try strong{text-transform:uppercase;font-size:11px}.cx-scope .cx details{border-top:1px solid var(--cx-rule)}.cx-scope .cx summary{cursor:pointer;justify-content:space-between;align-items:center;padding-block:20px;font-size:14px;list-style:none;display:flex}.cx-scope .cx summary::-webkit-details-marker{display:none}.cx-scope .cx details p{padding-bottom:20px;font-size:15px}.cx-scope .cx-chapter{max-width:1240px;margin:20px auto 0}.cx-scope .cx-chapter>span{font-family:var(--font-brand-accent);margin-bottom:12px;font-size:18px;display:block}.cx-scope .cx-chapter>img{object-fit:cover;width:100%;height:150px}.cx-scope .cx-roast-study{justify-content:center;gap:24px;display:flex}.cx-scope .cx-roast-study img{aspect-ratio:1;object-fit:contain;width:28%;max-width:140px}.cx-scope .cx-ratio{border-block:1px solid var(--cx-rule);gap:24px;margin-block:28px;padding-block:24px;display:grid}.cx-scope .cx label{flex-wrap:wrap;align-items:center;gap:16px;font-size:13px;display:flex}.cx-scope .cx input[type=number]{border:1px solid var(--cx-rule);width:84px;color:inherit;background:0 0;border-radius:4px;padding:10px}.cx-scope .cx input[type=range]{accent-color:var(--copper);width:100%;margin-block:16px}.cx-scope .cx output strong{font-size:48px;font-weight:700;line-height:1.2;display:block}.cx-scope .cx output span{text-transform:uppercase;font-size:12px}.cx-scope .cx-grains{grid-template-columns:repeat(8,1fr);align-items:center;gap:12px;height:120px;margin-bottom:24px;display:grid}.cx-scope .cx-grains i{background:var(--copper);border-radius:3px;width:18px;height:18px;transition:width .2s,height .2s}.cx-scope .cx-grains[data-grind="1"] i{width:10px;height:10px}.cx-scope .cx-grains[data-grind="2"] i{width:4px;height:4px}.cx-scope .cx-sources{padding:16px var(--home-gutter);font-size:11px;line-height:1.6}.cx-scope .cx-sources>p:first-child{display:none}.cx-scope .cx-moment .cx-intro{margin-bottom:16px;font-size:17px}.cx-scope .cx-moment .cx-demo{margin-block:16px;padding-block:16px}.cx-scope .cx-moment .cx-try{margin-block:16px}.cx-scope .cx-moment .cx-reading summary{padding-block:14px}.cx-scope .cx-opening-copy>p:last-child{margin-top:16px;font-size:14px}@media (width>=901px){.cx-scope .cx-opening{min-height:230px;padding-block:24px}.cx-scope .cx-moment{min-height:390px;padding-block:24px}}.cx-scope .cx-sources a{margin:12px 24px 20px 0;text-decoration:underline;display:inline-block}@media (width<=900px){.cx-scope .cx-composition{gap:32px}}@media (width<=640px){.cx-scope .cx-opening{min-height:320px;padding:32px var(--home-gutter) 64px}.cx-scope .cx-opening video{object-position:65% top}.cx-scope .cx-composition{grid-template-columns:1fr;gap:28px}.cx-scope .cx-moment{padding:28px var(--home-gutter)}.cx-scope .cx-navigation nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cx-scope .cx-navigation{gap:4px}.cx-scope .cx-chapter>img{height:220px}.cx-scope .cx h3:not(.type-display){font-size:32px}.cx-scope .cx-intro{font-size:18px}}@media (prefers-reduced-motion:reduce){.cx-scope .cx *,.cx-scope .cx :before{scroll-behavior:auto;transition:none}}