.landing{min-height:100vh}.landing-shell{padding-block:0}.landing a:not([data-slot=button]):focus-visible,.landing-style-choice:focus-visible{outline:2px solid var(--ring);outline-offset:5px}.landing a:not([data-slot=button]):hover{text-underline-offset:.25em;text-decoration:underline}.landing-skip{background:var(--foreground);color:var(--background);z-index:10;padding:.75rem 1rem;position:absolute;inset:.5rem auto auto .5rem;transform:translateY(-200%)}.landing-skip:focus{transform:none}.landing-header{justify-content:space-between;align-items:center;gap:var(--ef-group-gap);padding-block:var(--ef-group-gap);border-bottom:1px solid var(--border);display:flex}.landing-wordmark{letter-spacing:-.07em;overflow-wrap:anywhere;max-width:100%;font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:600}.landing-wordmark span{font-weight:400}.landing-wordmark .landing-dot{color:var(--ring)}.landing-footer nav{align-items:center;gap:var(--ef-group-gap);flex-wrap:wrap;font-size:.875rem;display:flex}.landing nav a,.landing-text-link{align-items:center;gap:.5rem;min-height:2.75rem;display:inline-flex}.landing-hero{align-items:center;gap:var(--ef-section-gap);padding-block:calc(var(--ef-section-gap) + var(--ef-group-gap));grid-template-columns:1.2fr 1fr;display:grid}.landing-intro h1 em{font-family:var(--ef-font-serif);font-weight:400}.landing-title-break{display:none}.landing-lede{max-width:36ch;color:var(--muted-foreground)}.landing-text-link{width:fit-content;font-size:.875rem}.landing-specimen{border:1px solid var(--border);background:var(--card);min-width:0}.landing-letterpress{padding:var(--ef-group-gap) var(--ef-group-gap) var(--ef-region-gap);background:var(--accent);color:var(--accent-foreground);letter-spacing:-.09em;justify-content:center;align-items:baseline;font-size:clamp(7rem,15vw,13rem);line-height:1;display:flex;overflow:hidden}.landing-letterpress span{transition:transform .35s;display:inline-block}.landing-letterpress span:nth-child(2){font-family:var(--ef-font-serif);font-style:italic}.landing-letterpress.is-playful span:first-child{transform:rotate(-12deg)translateY(.035em)}.landing-letterpress.is-playful span:nth-child(2){transform:rotate(14deg)translateY(-.05em)}.landing-letterpress.is-playful span:last-child{transform:translate(.04em,-.16em)}.landing-live-form{padding:var(--ef-group-gap)}.landing-sample-heading{justify-content:space-between;gap:var(--ef-related-gap);color:var(--muted-foreground);margin-bottom:var(--ef-group-gap);flex-wrap:wrap;font-size:.75rem;display:flex}.landing-live-indicator{align-items:center;gap:.4rem;display:inline-flex}.landing-live-indicator:before{content:"";background:var(--ring);border-radius:50%;width:.35rem;height:.35rem}.landing-sample-controls{margin-block:var(--ef-related-gap);justify-content:space-between;align-items:center;display:flex}.landing-sample-actions{align-items:center;gap:var(--ef-related-gap);flex-wrap:wrap;display:flex}.landing-sample-actions p{color:var(--muted-foreground);font-size:.75rem}.landing-colophon{justify-content:space-between;gap:var(--ef-related-gap);border-block:1px solid var(--border);padding-block:var(--ef-group-gap);color:var(--muted-foreground);flex-wrap:wrap;font-size:.875rem;display:flex}.landing-colophon span{padding-inline:.5rem}.landing-section{padding-block:calc(var(--ef-section-gap) + var(--ef-group-gap));scroll-margin-top:var(--ef-group-gap)}.landing-approach{gap:var(--ef-section-gap);grid-template-columns:1fr 1fr;display:grid}.landing-body{max-width:43ch;color:var(--muted-foreground);line-height:1.5}.landing-principles>div{padding-block:var(--ef-group-gap);border-top:1px solid var(--border)}.landing-principles>div:first-child{border:0;padding-top:0}.landing-principles dt{letter-spacing:-.02em;margin-bottom:var(--ef-related-gap);font-size:1.25rem;font-weight:500}.landing-principles dd{max-width:47ch;color:var(--muted-foreground);line-height:1.5}.landing-section-heading{justify-content:space-between;align-items:flex-end;gap:var(--ef-region-gap);margin-bottom:var(--ef-region-gap);display:flex}#styles{border-top:1px solid var(--border)}.landing-style-grid{gap:var(--ef-group-gap);grid-template-columns:1fr 1fr;display:grid}.landing-style-choice{text-align:left;gap:var(--ef-region-gap);padding:var(--ef-group-gap);border:1px solid var(--sample-border);background:var(--sample-paper);color:var(--sample-ink);cursor:pointer;flex-direction:column;min-width:0;display:flex;position:relative}.landing-style-choice[aria-pressed=true]:after{content:"";border:2px solid var(--sample-ink);pointer-events:none;position:absolute;inset:0}.landing-style-editorial,.landing-style-stone{font-family:var(--sample-sans)}.landing-style-top,.landing-style-bottom{justify-content:space-between;align-items:center;gap:var(--ef-related-gap);flex-wrap:wrap;font-size:.875rem;display:flex}.landing-style-top>span:last-child{align-items:center;gap:.5rem;display:inline-flex}.landing-style-type{letter-spacing:-.05em;font-size:clamp(2.5rem,5.5vw,4.5rem);line-height:1.04}.landing-style-editorial .landing-style-type em{font-family:var(--sample-serif)}.landing-style-stone .landing-style-type{font-family:var(--sample-serif);letter-spacing:-.025em}.landing-style-bottom{font-size:.75rem}.landing-palette{display:inline-flex}.landing-palette i{background:var(--sample-ink);width:1.5rem;height:1.5rem}.landing-palette i:nth-child(2){background:var(--sample-border)}.landing-palette i:nth-child(3){background:var(--sample-accent)}.landing-style-note{color:var(--muted-foreground);margin-top:var(--ef-group-gap);max-width:80ch;font-size:.875rem;line-height:1.5}.landing-start{border-top:1px solid var(--border);gap:var(--ef-section-gap);grid-template-columns:1fr 1fr;display:grid}.landing-access{color:var(--muted-foreground);font-size:.75rem}.landing-install{background:var(--card);padding:var(--ef-region-gap);align-self:center;gap:var(--ef-related-gap)}.landing-install-heading{justify-content:space-between;gap:var(--ef-related-gap);flex-wrap:wrap;display:flex}.landing-install-heading h3{font-size:1rem;font-weight:500}.landing-install-heading span,.landing-install>p{color:var(--muted-foreground);font-size:.875rem;line-height:1.5}.landing-install-note{border-top:1px solid var(--border);padding-top:var(--ef-group-gap)}.landing-footer{border-top:1px solid var(--border);padding-block:var(--ef-region-gap);justify-content:space-between;align-items:flex-start;gap:var(--ef-group-gap);display:flex}.landing-footer p{color:var(--muted-foreground);margin-top:var(--ef-related-gap);font-size:.875rem}.landing-inventory,.landing-options{gap:var(--ef-region-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.landing-inventory dt,.landing-options h3{letter-spacing:-.02em;margin-bottom:var(--ef-related-gap);font-size:1.25rem;font-weight:500;line-height:1.4}.landing-inventory dd,.landing-options p{color:var(--muted-foreground);font-size:1rem;line-height:1.5}.landing-options{border-top:1px solid var(--border);margin-top:var(--ef-region-gap);padding-top:var(--ef-region-gap)}.landing-example{border-block:1px solid var(--border)}.landing-workspace{border:1px solid var(--border);padding:var(--ef-region-gap);margin-bottom:var(--ef-group-gap)}.landing-workspace .ef-heading-page{font-size:clamp(1.75rem,3vw,2.5rem)}@media (width<=50rem){.landing-inventory,.landing-options{gap:var(--ef-group-gap);grid-template-columns:1fr}.landing-workspace{padding:var(--ef-group-gap)}}@media (width>=75rem){.landing-title-break{display:initial}}@media (width<=60rem){.landing-hero{gap:var(--ef-region-gap)}.landing-hero,.landing-approach,.landing-start{grid-template-columns:1fr 1fr}.landing-install{padding:var(--ef-group-gap)}}@media (width<=45rem){.landing-header{gap:var(--ef-related-gap);flex-wrap:wrap}.landing-hero,.landing-approach,.landing-start,.landing-style-grid{grid-template-columns:1fr}.landing-hero{padding-top:var(--ef-section-gap)}.landing-letterpress{font-size:10rem}.landing-section-heading,.landing-footer{flex-direction:column;align-items:flex-start}.landing-section,.landing-hero{padding-block:var(--ef-section-gap)}.landing-style-type{font-size:clamp(2.5rem,9vw,4.5rem)}}@media (prefers-reduced-motion:reduce){.landing-letterpress span{transition:none}}
