.system-page{background:var(--hm-color-paper)}.system-masthead{padding-block:var(--hm-space-6);border-bottom:1px solid var(--hm-color-rule)}.system-masthead__inner{justify-content:space-between;align-items:center;gap:var(--hm-space-5);display:flex}.system-brand{align-items:center;gap:var(--hm-space-4);text-decoration:none;display:flex}.system-brand img{width:8.75rem}.system-brand span{font-size:var(--hm-type-caption)}.system-status{border:1px solid var(--hm-color-rule);color:var(--hm-color-moss);font-size:var(--hm-type-micro);border-radius:99px;padding:.45rem .7rem}.system-hero{padding-block:var(--hm-space-8)}.system-hero__grid{gap:var(--hm-space-8);grid-template-columns:minmax(0,1.35fr) minmax(16rem,.65fr);align-items:end;display:grid}.system-kicker{margin:0 0 var(--hm-space-4);color:var(--hm-color-moss);font-size:var(--hm-type-caption);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.system-intro{margin-top:var(--hm-space-5)}.system-note{border-left:2px solid var(--hm-color-pollen);padding-left:var(--hm-space-4)}.system-section{padding-block:var(--hm-space-8);border-top:1px solid var(--hm-color-rule)}.system-section__head{gap:var(--hm-space-7);margin-bottom:var(--hm-space-7);grid-template-columns:minmax(0,1fr) minmax(17rem,.65fr);align-items:start;display:grid}.system-section__head p{color:#0c0c0bb3}.type-specimens{border-top:1px solid var(--hm-color-rule)}.type-row{gap:var(--hm-space-5);padding-block:var(--hm-space-5);border-bottom:1px solid var(--hm-color-rule);grid-template-columns:9rem minmax(0,1fr) 13rem;align-items:baseline;display:grid}.type-meta{color:var(--hm-color-moss);font-size:var(--hm-type-micro)}.type-use{color:#0c0c0ba3;font-size:var(--hm-type-micro);line-height:var(--hm-leading-compact)}.type-row--display .type-sample{letter-spacing:var(--hm-tracking-display);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:520;line-height:var(--hm-leading-display)}.type-row--section .type-sample{font-size:var(--hm-type-section);letter-spacing:var(--hm-tracking-heading);font-weight:520}.type-row--title .type-sample{font-size:var(--hm-type-title);letter-spacing:-.03em;font-weight:500}.type-row--lead .type-sample{font-size:var(--hm-type-lead);line-height:1.6}.type-row--body .type-sample{font-size:var(--hm-type-body);line-height:var(--hm-leading-body)}.type-row--small .type-sample{font-size:var(--hm-type-body-small);line-height:var(--hm-leading-body)}.type-row--caption .type-sample{font-size:var(--hm-type-caption);line-height:var(--hm-leading-compact)}.type-row--micro .type-sample{font-size:var(--hm-type-micro);line-height:var(--hm-leading-compact)}.type-row--editorial .type-sample{color:var(--hm-color-clay);font-family:var(--hm-font-editorial);font-size:clamp(2rem,4vw,3.5rem);font-style:normal;font-weight:600}.system-principles{gap:var(--hm-space-5);margin-top:var(--hm-space-7);grid-template-columns:repeat(3,1fr);display:grid}.system-card{border:1px solid var(--hm-color-rule);border-radius:var(--hm-radius-control);min-height:11rem;padding:var(--hm-space-5);background:#ffffff3d}.system-card strong{margin-bottom:var(--hm-space-4);font-size:var(--hm-type-caption);display:block}.system-card p{font-size:var(--hm-type-body-small);line-height:var(--hm-leading-body)}.layout-demo{gap:var(--hm-space-5);display:grid}.shell-demo{border:1px solid var(--hm-color-rule);background:#fce0bd2e;min-height:6.5rem;position:relative}.shell-demo:before{content:"";inset:0 var(--hm-gutter);background:#71830a14;border-inline:1px solid #315e0652;position:absolute}.shell-demo span{z-index:1;font-size:var(--hm-type-caption);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.grid-demo{grid-template-columns:repeat(12,1fr);gap:.5rem;display:grid}.grid-demo i{background:#315e061f;border:1px solid #315e062e;min-height:8rem}.spacing-demo{gap:var(--hm-space-5);flex-wrap:wrap;align-items:flex-end;display:flex}.spacing-token{gap:var(--hm-space-2);font-size:var(--hm-type-micro);display:grid}.spacing-token i{width:var(--token-size);height:var(--token-size);background:var(--hm-color-pollen);display:block}.swatches{gap:var(--hm-space-4);grid-template-columns:repeat(4,1fr);display:grid}.swatch{border:1px solid var(--hm-color-rule);border-radius:var(--hm-radius-control);background:#ffffff4d;overflow:hidden}.swatch i{background:var(--swatch);height:6rem;display:block}.swatch span{padding:var(--hm-space-3);font-size:var(--hm-type-micro);line-height:1.5;display:block}.feature-table{border-collapse:collapse;width:100%;font-size:var(--hm-type-body-small)}.feature-table th,.feature-table td{padding:var(--hm-space-4);border-bottom:1px solid var(--hm-color-rule);text-align:left;vertical-align:top}.feature-table th{color:var(--hm-color-moss);font-size:var(--hm-type-micro);letter-spacing:.05em;text-transform:uppercase}.feature-table td:first-child{width:23%;font-weight:600}.feature-table td:last-child{width:9rem}.system-chip{color:var(--hm-color-moss);font-size:var(--hm-type-micro);white-space:nowrap;background:#315e061a;border-radius:99px;padding:.3rem .55rem;display:inline-flex}.system-chip--later{color:var(--hm-color-peat);background:#f4a0001f}.widget-catalog{gap:var(--hm-space-8);display:grid}.widget-block{gap:var(--hm-space-4);display:grid}.widget-block__head{justify-content:space-between;align-items:baseline;gap:var(--hm-space-4);display:flex}.widget-block__head h3{font-size:var(--hm-type-title);margin:0;font-weight:500}.widget-block__head code{color:var(--hm-color-moss);font-size:var(--hm-type-micro)}.widget-canvas{border:1px solid var(--hm-color-rule);padding:var(--hm-space-6);background:#fff3;position:relative;overflow:hidden}.widget-canvas--identity{padding-block:0}.widget-canvas--entry{background:#fce0bd24;place-items:center;min-height:35rem;display:grid}.widget-canvas--formats{gap:var(--hm-space-8);display:grid}.widget-canvas--atmosphere{padding:var(--hm-space-5)}.atmosphere-library-head{gap:var(--hm-space-6);grid-template-columns:minmax(0,.6fr) minmax(18rem,1.4fr);align-items:start;display:grid}.atmosphere-library-head p{font-size:var(--hm-type-body-small);line-height:var(--hm-leading-body);margin:0}.atmosphere-library-head .system-kicker{font-size:var(--hm-type-caption);line-height:var(--hm-leading-compact)}.listing-format-grid{gap:var(--hm-space-6);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.format-example{gap:var(--hm-space-3);justify-items:center;min-width:0;display:grid}.format-example__label{width:100%;color:var(--hm-color-moss);font-size:var(--hm-type-micro);letter-spacing:.03em;margin:0;font-weight:600}.format-example--row{padding-top:var(--hm-space-7);border-top:1px solid var(--hm-color-rule);justify-items:stretch}.widget-canvas .hm-atmosphere-stage{border:0}.system-footer{padding-block:var(--hm-space-7);border-top:1px solid var(--hm-color-rule)}.system-footer .hm-shell{justify-content:space-between;gap:var(--hm-space-5);display:flex}@media (max-width:1024px){.listing-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.system-hero__grid,.system-section__head{grid-template-columns:1fr}.type-row{gap:var(--hm-space-2);grid-template-columns:1fr}.system-principles{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(2,1fr)}.feature-table,.feature-table tbody,.feature-table tr,.feature-table td{display:block}.feature-table thead{display:none}.feature-table tr{padding-block:var(--hm-space-4);border-bottom:1px solid var(--hm-color-rule)}.feature-table td,.feature-table td:first-child,.feature-table td:last-child{border:0;width:auto;padding:.25rem 0}.widget-block__head{flex-direction:column;align-items:start}.atmosphere-library-head{gap:var(--hm-space-3);grid-template-columns:1fr}}@media (max-width:560px){.listing-format-grid{grid-template-columns:1fr}}