.field-component .field{gap:var(--space-2);display:grid}.field-component label{font-size:var(--text-sm);font-weight:500}.field-component .required{color:var(--color-muted);font-size:var(--text-xs);font-weight:400}.field-component input{width:100%;min-height:48px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-control-border);border-radius:var(--radius-sm);background:var(--color-canvas);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease)}.field-component input::placeholder{color:var(--color-muted);opacity:1}.field-component input:hover:not(:disabled){border-color:var(--color-accent)}.field-component input[aria-invalid=true]{border-color:var(--color-danger)}.field-component input:disabled{background:var(--color-surface);opacity:.6;cursor:not-allowed}.field-component .hint,.field-component .error{font-size:var(--text-xs);line-height:1.5}.field-component .hint{color:var(--color-muted)}.field-component .error{color:var(--color-danger)}.notice-component .notice{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-md);display:flex}.notice-component .info{background:var(--color-surface);color:var(--color-text)}.notice-component .success{background:var(--color-success-surface);color:var(--color-success)}.notice-component .warning{background:var(--color-warning-surface);color:var(--color-warning)}.notice-component .danger{background:var(--color-danger-surface);color:var(--color-danger)}.notice-component .symbol{flex-shrink:0;width:20px;height:20px;margin-top:2px}.notice-component .title{font-size:var(--text-sm);margin-bottom:var(--space-1);font-weight:600}.notice-component .body{font-size:var(--text-sm);line-height:1.65}.project-card-component .project-card{padding-top:var(--space-5);flex-direction:column;align-items:start;display:flex}.project-card-component .meta{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;width:100%;display:flex}.project-card-component h3{margin:var(--space-6) 0 var(--space-3);font-size:var(--text-h3)}.project-card-component h3 a{color:var(--color-text);text-decoration:none}.project-card-component h3 a:hover{color:var(--color-accent);text-decoration:underline}.project-card-component h3 a span{font-size:.75em}.project-card-component p{font-size:var(--text-body);color:var(--color-text);max-width:34ch;line-height:1.75}.project-card-component .sample{margin-top:var(--space-6)}.design-guide .guide-intro{gap:var(--space-16);padding-block:var(--section-space);border-bottom:1px solid var(--color-border);grid-template-columns:1.4fr 1fr;align-items:center;display:grid}.design-guide .guide-intro h1{margin-top:var(--space-6)}.design-guide .intro-copy{margin-top:var(--space-6);font-size:var(--text-lead);color:var(--color-muted);max-width:49ch}.design-guide .intro-note{align-items:start;gap:var(--space-6);padding:var(--space-8);background:var(--color-surface);border-radius:var(--radius-lg);flex-direction:column;display:flex}.design-guide .intro-note svg{color:var(--color-accent)}.design-guide .intro-note p{line-height:1.8;font-size:var(--text-lead)}.design-guide .intro-note em{font-size:1.3rem}.design-guide .guide-layout{gap:var(--space-16);grid-template-columns:200px minmax(0,1fr);display:grid}.design-guide .toc{top:var(--space-8);padding-top:var(--space-12);align-self:start;position:sticky}.design-guide .toc nav{margin-block:var(--space-5) var(--space-8);flex-direction:column;gap:2px;display:flex}.design-guide .toc nav a{gap:var(--space-3);padding-block:var(--space-2);font-size:var(--text-sm);color:var(--color-muted);text-decoration:none;display:flex}.design-guide .toc nav a:hover{color:var(--color-accent);text-decoration:underline}.design-guide .toc nav span{font-size:var(--text-xs);color:var(--color-muted);width:20px;padding-top:2px}.design-guide .chapters{min-width:0}.design-guide .chapters>section{padding-block:var(--space-12);border-bottom:1px solid var(--color-border);scroll-margin-top:var(--space-8)}.design-guide .chapters>section:last-child{border-bottom:0}.design-guide section>h2{margin-top:var(--space-4)}.design-guide .section-copy{color:var(--color-muted);max-width:65ch;margin-top:var(--space-5);margin-bottom:var(--space-8)}.design-guide .identity-grid{gap:var(--space-4);grid-template-columns:2fr 1fr;display:grid}.design-guide .lilac-panel{background:var(--color-lilac);color:var(--color-on-pastel)}.design-guide .rose-panel{background:var(--color-rose);color:var(--color-on-pastel)}.design-guide .lockup,.design-guide .identity-grid>.symbol{justify-content:center;align-items:center;gap:var(--space-4);border-radius:var(--radius-md);min-height:190px;padding:var(--space-6);display:flex}.design-guide .lockup{letter-spacing:-.065em;font-size:clamp(21px,2.8vw,35px);font-weight:500}.design-guide .lockup svg{flex-shrink:0}.design-guide .lockup-domain{font-weight:400}.design-guide .principles{gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.design-guide .principles h3{font-size:var(--text-base);letter-spacing:-.025em;font-weight:500}.design-guide .principles p{font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-3)}.design-guide .rule-note{margin-top:var(--space-6)}.design-guide .color-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.design-guide .color-card{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.design-guide .color-sample{min-height:135px;padding:var(--space-4);flex-direction:column;justify-content:space-between;display:flex}.design-guide .color-sample>span:first-child{letter-spacing:-.05em;font-size:38px}.design-guide .color-sample>span:last-child{font-size:var(--text-xs);font-weight:500}.design-guide .color-meta{padding:var(--space-3)}.design-guide .color-meta code{font-size:var(--text-small)}.design-guide .color-meta p{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-2)}.design-guide .usage-strip{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:64px;margin-top:var(--space-8);font-size:var(--text-small);display:flex;overflow:hidden}.design-guide .usage-strip span{padding:var(--space-3);justify-content:center;align-items:center;display:flex}.design-guide .canvas-part{background:var(--color-canvas);width:55%}.design-guide .lilac-part{background:var(--color-lilac);width:22%;color:var(--color-on-pastel)}.design-guide .rose-part{background:var(--color-rose);width:15%;color:var(--color-on-pastel)}.design-guide .ink-part{background:var(--color-text);width:8%;color:var(--color-canvas)}.design-guide .font-pair{border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.design-guide .font-pair>div{padding:var(--space-6);min-width:0}.design-guide .serif-pair{background:var(--color-surface)}.design-guide .inter-aa,.design-guide .fraunces-aa{letter-spacing:-.06em;margin-block:var(--space-4);font-size:100px;line-height:1.2}.design-guide .alphabet{overflow-wrap:anywhere;margin-bottom:var(--space-4);font-size:12px;line-height:2}.design-guide .font-sentence{margin-bottom:var(--space-4);font-size:26px;line-height:1.5}.design-guide .type-lab{margin-block:var(--space-8);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md)}.design-guide .lab-heading{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.design-guide .reset{min-width:44px;min-height:44px;color:var(--color-accent);padding:var(--space-2);font-size:var(--text-xs);background:0 0;border:none}.design-guide .live-specimen{font-family:var(--font-serif);letter-spacing:-.045em;overflow-wrap:anywhere;padding-block:var(--space-8);min-height:180px;font-size:clamp(32px,4vw,54px);line-height:1.2}.design-guide .sliders{gap:var(--space-8);margin-block:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.design-guide .sliders label{font-size:var(--text-sm);justify-content:space-between;display:flex}.design-guide .sliders output{font-variant-numeric:tabular-nums;color:var(--color-muted)}.design-guide input[type=range]{width:100%;accent-color:var(--color-accent);cursor:pointer;min-height:36px}.design-guide .type-scale>div{border-bottom:1px solid var(--color-border);padding-block:var(--space-5)}.design-guide .type-scale p{margin-top:var(--space-3)}.design-guide .display-example{font-size:var(--text-h1);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.design-guide .heading-example{font-size:var(--text-h2);letter-spacing:-.04em;line-height:var(--leading-tight)}.design-guide .subheading-example{font-size:var(--text-h3);letter-spacing:-.035em}.design-guide .space-scale{gap:var(--space-3) var(--space-8);padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;display:grid}.design-guide .space-scale>div{align-items:center;gap:var(--space-3);grid-template-columns:42px 1fr 65px;min-height:28px;display:grid}.design-guide .space-scale code{color:var(--color-muted);font-size:var(--text-small)}.design-guide .space-bar{background:var(--color-accent);border-radius:2px;max-width:100%;height:12px}.design-guide .shape-grid{gap:var(--space-4);margin-top:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.design-guide .shape{font-size:var(--text-xs)}.design-guide .shape-sample{background:var(--color-lilac);width:72px;height:64px;margin-bottom:var(--space-4);display:block}.design-guide .small-radius{border-radius:var(--radius-sm)}.design-guide .medium-radius{border-radius:var(--radius-md)}.design-guide .large-radius{border-radius:var(--radius-lg)}.design-guide .pill-radius{border-radius:var(--radius-pill)}.design-guide .shape strong{font-weight:500}.design-guide .shape p{color:var(--color-muted);margin-top:var(--space-1)}.design-guide .measure-notes{margin-top:var(--space-8)}.design-guide .measure-notes p{justify-content:space-between;gap:var(--space-4);border-top:1px solid var(--color-border);padding-block:var(--space-3);font-size:var(--text-sm);display:flex}.design-guide .measure-notes strong{font-weight:500}.design-guide .measure-notes span{color:var(--color-muted);text-align:right}.design-guide .specimen-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6)}.design-guide .action-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.design-guide .state-notes{gap:var(--space-3) var(--space-6);margin-top:var(--space-5);color:var(--color-muted);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.design-guide .forms-grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.design-guide .forms-grid .specimen-panel{gap:var(--space-5);flex-direction:column;align-items:stretch;display:flex}.design-guide form .action{align-self:start}.design-guide .form-status:empty,.design-guide .form-status:has([data-validation-success][hidden]){display:none}.design-guide .notices{gap:var(--space-4);margin-top:var(--space-5);display:grid}.design-guide .project-specimens{gap:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.design-guide .badge-row{gap:var(--space-3);margin-block:var(--space-8);flex-wrap:wrap;display:flex}.design-guide .article-specimen{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-10)}.design-guide .article-heading{padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-8)}.design-guide .article-heading h3{margin-block:var(--space-5);font-size:clamp(36px,4vw,54px);line-height:1.1}.design-guide .motion-panel{align-items:center;gap:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-8);display:flex}.design-guide .motion-spark{border-radius:var(--radius-md);background:var(--color-lilac);width:130px;height:130px;color:var(--color-on-pastel);transition:background var(--duration-normal) var(--ease);flex-shrink:0;place-items:center;display:grid}.design-guide .motion-spark svg{transition:transform var(--duration-normal) var(--ease)}.design-guide .motion-spark.celebrated{background:var(--color-rose)}.design-guide .motion-spark.celebrated svg{transform:rotate(22.5deg)}.design-guide .motion-caption{margin-top:var(--space-4)}.design-guide .closing{align-items:start;gap:var(--space-6);margin-top:var(--space-12);flex-direction:column;display:flex}.design-guide .closing>svg{color:var(--color-accent)}.design-guide .closing p{font-size:var(--text-lead)}.design-guide .closing em{font-size:var(--text-lg)}@media (width<=1100px){.design-guide .guide-layout{gap:var(--space-8);grid-template-columns:160px minmax(0,1fr)}.design-guide .color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-guide .guide-intro{gap:var(--space-8)}.design-guide .lockup{font-size:23px}.design-guide .space-scale{grid-template-columns:1fr}}@media (width<=800px){.design-guide .guide-layout{grid-template-columns:1fr;gap:0}.design-guide .toc{padding-block:var(--space-6);border-bottom:1px solid var(--color-border);position:static}.design-guide .toc nav{gap:var(--space-1) var(--space-5);flex-flow:wrap;margin-bottom:0}.design-guide .toc nav a{min-height:44px}.design-guide .toc>.caption{display:none}}@media (width<=600px){.design-guide .guide-intro{gap:var(--space-8);grid-template-columns:1fr}.design-guide .guide-intro h1{font-size:3.4rem}.design-guide .intro-copy{font-size:var(--text-base)}.design-guide .intro-note{padding:var(--space-6)}.design-guide .identity-grid{grid-template-columns:1fr}.design-guide .lockup,.design-guide .identity-grid>.symbol{min-height:150px}.design-guide .lockup{font-size:28px}.design-guide .principles,.design-guide .forms-grid,.design-guide .project-specimens{grid-template-columns:1fr}.design-guide .principles{gap:var(--space-6)}.design-guide .font-pair{grid-template-columns:1fr}.design-guide .inter-aa,.design-guide .fraunces-aa{font-size:90px}.design-guide .shape-grid{gap:var(--space-6);grid-template-columns:1fr 1fr}.design-guide .article-specimen{padding:var(--space-5)}.design-guide .sliders{gap:var(--space-3);grid-template-columns:1fr}.design-guide .motion-panel{padding:var(--space-6);flex-direction:column;align-items:start}.design-guide .usage-strip .ink-part{width:12%}.design-guide .usage-strip .canvas-part{width:51%}.design-guide .type-lab{padding:var(--space-5)}.design-guide .live-specimen{min-height:160px}}@media (width<=360px){.design-guide .lockup{gap:var(--space-3);font-size:23px}}.design-guide .pattern-example{margin-top:var(--space-8);padding:var(--space-5);background:var(--color-surface);border-radius:var(--radius-md)}.design-guide .pattern-example summary{cursor:pointer;min-height:44px;font-size:var(--text-body);font-weight:500}.design-guide .headline-comparison{gap:var(--space-8);display:grid}.design-guide .headline-comparison .hero-title{margin-top:var(--space-3);font-size:clamp(2rem,5vw,4rem)}