.page-module__yr_3Jq__page{box-sizing:border-box;width:min(100%, var(--shell-max));max-width:var(--shell-max);padding-inline:var(--page-gutter);overflow-wrap:anywhere;margin-inline:auto}.page-module__yr_3Jq__intro{padding-block:var(--section-space) var(--space-48)}.page-module__yr_3Jq__hero{align-items:center;gap:var(--space-48);margin-block:var(--space-48);display:grid}.page-module__yr_3Jq__hero>div{min-width:0}.page-module__yr_3Jq__accent{color:var(--foreground);background:linear-gradient(transparent 80%, var(--brand-light-blue) 80%)}.page-module__yr_3Jq__introCopy{max-width:55ch;margin-top:var(--space-32);color:var(--muted-text)}.page-module__yr_3Jq__brand{justify-items:start;gap:var(--space-24);display:grid}.page-module__yr_3Jq__brand img{width:clamp(120px,20vw,220px);height:auto}.page-module__yr_3Jq__muted,.page-module__yr_3Jq__note{color:var(--muted-text)}.page-module__yr_3Jq__note{font-size:var(--text-small);line-height:var(--leading-small);margin-block:var(--space-12);max-width:var(--prose-max)}.page-module__yr_3Jq__sectionNav{top:var(--header-height);z-index:10;gap:var(--space-4) var(--space-16);padding-block:var(--space-8);background:var(--background);border-block:1px solid var(--border);flex-wrap:wrap;display:flex;position:sticky}.page-module__yr_3Jq__sectionNav a{min-height:var(--touch-target);padding-inline:var(--space-8);color:var(--foreground);font-size:var(--text-small);align-items:center;text-decoration:none;display:inline-flex}.page-module__yr_3Jq__sectionNav a:hover{text-underline-offset:var(--space-4);text-decoration:underline}.page-module__yr_3Jq__section{padding-block:var(--section-space);border-bottom:1px solid var(--border);scroll-margin-top:var(--space-64)}.page-module__yr_3Jq__section:last-child{border-bottom:0}.page-module__yr_3Jq__sectionHeading{gap:var(--space-16);margin-bottom:var(--space-48);display:grid}.page-module__yr_3Jq__sectionCopy{max-width:62ch;color:var(--muted-text);margin-top:var(--space-16)}.page-module__yr_3Jq__palette{gap:var(--space-32) var(--space-16);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.page-module__yr_3Jq__color{min-width:0}.page-module__yr_3Jq__swatch{height:var(--space-96);border:1px solid var(--border);border-radius:var(--radius-small);margin-bottom:var(--space-16)}.page-module__yr_3Jq__hex{font-size:var(--text-small);margin-block:var(--space-4) var(--space-8);-webkit-user-select:text;user-select:text}.page-module__yr_3Jq__textButton,.page-module__yr_3Jq__controlButton{min-height:var(--touch-target);color:var(--foreground);cursor:pointer}.page-module__yr_3Jq__textButton{text-underline-offset:var(--space-4);font-size:var(--text-small);text-decoration:underline}.page-module__yr_3Jq__textButton:disabled{opacity:.6;cursor:wait}.page-module__yr_3Jq__controlButton{border:1px solid var(--interactive-border);border-radius:var(--radius-pill);padding:var(--space-8) var(--space-16);background:var(--background);margin-top:var(--space-16)}.page-module__yr_3Jq__feedback{min-height:var(--space-48);padding-block:var(--space-12);font-size:var(--text-small)}.page-module__yr_3Jq__contrastLayout,.page-module__yr_3Jq__componentLayout{gap:var(--space-32);margin-top:var(--space-24);display:grid}.page-module__yr_3Jq__contrastPreview{gap:var(--space-24);padding:var(--space-32) var(--space-24);border-radius:var(--radius-panel);border:1px solid var(--border);display:grid}.page-module__yr_3Jq__ratio{font-size:var(--text-small);font-weight:var(--weight-medium)}.page-module__yr_3Jq__field{gap:var(--space-8);min-width:0;font-size:var(--text-small);font-weight:var(--weight-medium);display:grid}.page-module__yr_3Jq__field select,.page-module__yr_3Jq__field textarea{width:100%;min-height:var(--touch-target);border:1px solid var(--interactive-border);border-radius:var(--radius-small);color:var(--foreground);background:var(--background);padding:var(--space-12);font-weight:var(--weight-regular)}.page-module__yr_3Jq__field textarea{resize:vertical;max-height:320px}.page-module__yr_3Jq__field input[type=range]{width:100%;min-height:var(--touch-target);accent-color:var(--foreground)}.page-module__yr_3Jq__controls{gap:var(--space-24);margin-bottom:var(--space-24);grid-template-columns:minmax(0,1fr);display:grid}.page-module__yr_3Jq__toggles{gap:var(--space-8) var(--space-24);flex-wrap:wrap;align-items:center;display:flex}.page-module__yr_3Jq__toggles label{align-items:center;gap:var(--space-12);min-height:var(--touch-target);cursor:pointer;font-size:var(--text-small);display:inline-flex}.page-module__yr_3Jq__toggles input{width:20px;height:20px;accent-color:var(--foreground);flex-shrink:0}.page-module__yr_3Jq__typeStage{background:var(--foreground);padding:var(--space-16);border-radius:var(--radius-panel);margin-top:var(--space-24)}.page-module__yr_3Jq__typeFrame{width:100%;max-width:var(--content-max);background:var(--background);border-radius:var(--radius-small);margin-inline:auto;container-type:inline-size}.page-module__yr_3Jq__typeFrame.page-module__yr_3Jq__mobileFrame{max-width:375px}.page-module__yr_3Jq__typeScroll{min-height:240px;max-height:400px;padding:var(--space-24);border-radius:inherit;overflow:auto}.page-module__yr_3Jq__sample{overflow-wrap:anywhere;white-space:pre-wrap}.page-module__yr_3Jq__typeScroll:focus-visible{outline-color:var(--brand-light-blue)}.page-module__yr_3Jq__metrics{font-size:var(--text-small);margin-top:var(--space-16)}.page-module__yr_3Jq__buttonStage{align-content:center;gap:var(--space-24);padding:var(--space-32) var(--space-24);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--muted-surface);display:grid}.page-module__yr_3Jq__buttonStage .page-module__yr_3Jq__feedback{padding:0}.page-module__yr_3Jq__glassGrid{gap:var(--space-16);display:grid}.page-module__yr_3Jq__glassScene{isolation:isolate;padding:var(--space-32) var(--space-16);border-radius:var(--radius-panel);position:relative;overflow:hidden}.page-module__yr_3Jq__light{background:var(--muted-surface)}.page-module__yr_3Jq__dark{background:var(--foreground)}.page-module__yr_3Jq__cyan{background:var(--brand-cyan)}.page-module__yr_3Jq__orb{background:var(--brand-light-blue);z-index:-1;border-radius:50%;width:220px;height:220px;position:absolute;inset:auto -20px -60px auto}.page-module__yr_3Jq__light .page-module__yr_3Jq__orb{background:var(--brand-cyan)}.page-module__yr_3Jq__glassPanel{padding:var(--space-24);position:relative}.page-module__yr_3Jq__glassPanel p{margin-top:var(--space-16)}.page-module__yr_3Jq__motionArea{margin-top:var(--space-48);border-top:1px solid var(--border);padding-top:var(--space-48)}.page-module__yr_3Jq__motionGrid{gap:var(--space-48);display:grid}.page-module__yr_3Jq__motionPanel{min-height:var(--space-96);padding:var(--space-16);background:var(--muted-surface);border-radius:var(--radius-small);align-items:center;display:flex}.page-module__yr_3Jq__contextGrid{gap:var(--space-32);display:grid}.page-module__yr_3Jq__contextHero{background:var(--brand-light-blue);border-radius:var(--radius-panel);padding:var(--space-32) var(--space-24);text-align:center}.page-module__yr_3Jq__contextProject{min-width:0}.page-module__yr_3Jq__contextContact{background:var(--muted-surface);border-radius:var(--radius-panel);min-width:0;padding:var(--space-24)}.page-module__yr_3Jq__previewLabel{font-size:var(--text-small);margin-bottom:var(--space-24);text-align:left}@media (max-width:767px){.page-module__yr_3Jq__sectionNav{position:static}.page-module__yr_3Jq__section{scroll-margin-top:0}}@media (min-width:768px){.page-module__yr_3Jq__hero{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.page-module__yr_3Jq__brand{text-align:center;justify-items:center}.page-module__yr_3Jq__sectionHeading{gap:var(--space-32);grid-template-columns:minmax(0,1fr) minmax(0,3fr)}.page-module__yr_3Jq__palette{gap:var(--space-32);grid-template-columns:repeat(3,minmax(0,1fr))}.page-module__yr_3Jq__contrastLayout,.page-module__yr_3Jq__componentLayout,.page-module__yr_3Jq__motionGrid,.page-module__yr_3Jq__controls{grid-template-columns:repeat(2,minmax(0,1fr))}.page-module__yr_3Jq__glassGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-module__yr_3Jq__glassScene{padding-inline:var(--space-12)}.page-module__yr_3Jq__glassPanel{padding:var(--space-16)}.page-module__yr_3Jq__contextGrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.page-module__yr_3Jq__contextContact{grid-column:1/-1}}@media (min-width:1024px){.page-module__yr_3Jq__palette{grid-template-columns:repeat(5,minmax(0,1fr))}.page-module__yr_3Jq__contextHero{padding:var(--space-48)}.page-module__yr_3Jq__glassScene{padding:var(--space-48) var(--space-24)}.page-module__yr_3Jq__glassPanel{padding:var(--space-24)}}