@font-face{font-family:Fonts Specimen Inter;src:url(/examples/fonts/inter-400.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Fonts Specimen Lora;src:url(/examples/fonts/lora-latin.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Fonts Specimen Inter;src:url(/examples/fonts/inter-600.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}.fonts-page{--fonts-ink:#292a24;--fonts-paper:#f8f4ea;--fonts-muted:#626357;--fonts-line:#ccc8b9;--fonts-accent:#b8492b;margin:0 24px 32px;color:var(--fonts-ink);background:var(--fonts-paper);border:1px solid var(--fonts-ink)}.fonts-page figure,.fonts-page h1,.fonts-page h2,.fonts-page h3,.fonts-page p{margin:0}.fonts-page h1,.fonts-page h2{letter-spacing:-.055em;font-weight:600}.fonts-page h1{font-size:clamp(48px,5.7vw,88px);line-height:1.04}.fonts-page h1 em{color:var(--fonts-accent);font-family:Fonts Specimen Lora,Georgia,serif;font-weight:400;font-style:normal;letter-spacing:-.065em}.fonts-page h2{font-size:clamp(32px,3.3vw,50px);line-height:1.12}.fonts-page h3{font-size:25px;line-height:1.2;letter-spacing:-.035em;font-weight:600}.fonts-page a{text-underline-offset:5px}.fonts-page a:focus-visible,.fonts-page button:focus-visible,.fonts-page summary:focus-visible{outline:3px solid var(--fonts-accent);outline-offset:5px}.fonts-page .fonts-eyebrow{font:600 11px/1.5 var(--mono);letter-spacing:.1em;margin-bottom:24px;color:var(--fonts-accent)}.fonts-page .fonts-lede{font-size:clamp(18px,1.55vw,22px);line-height:1.6;max-width:45ch;margin-top:27px}.fonts-choices,.fonts-details,.fonts-hero,.fonts-proof,.fonts-workflow{padding:72px clamp(28px,5.2vw,80px)}.fonts-hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;grid-gap:60px;gap:60px;padding-top:76px;padding-bottom:82px}.fonts-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px 28px;margin-top:32px}.fonts-actions .button{background:var(--fonts-ink);color:var(--fonts-paper);border-color:var(--fonts-ink);font-size:13px}.fonts-actions .button:hover{background:var(--fonts-accent);border-color:var(--fonts-accent)}.fonts-text-link{font-size:14px;font-weight:600}.fonts-specimen{min-width:0;padding:25px 28px 22px;background:#ecead9;border:1px solid var(--fonts-ink);box-shadow:10px 10px 0 #d6d5bc;transform:rotate(2deg)}.fonts-specimen-bottom,.fonts-specimen-top,.fonts-weight-labels{display:flex;justify-content:space-between;gap:12px}.fonts-specimen-top,.fonts-weight-labels{font:500 10px/1.5 var(--mono);letter-spacing:.05em}.fonts-specimen-top{padding-bottom:22px;border-bottom:1px solid #adad96}.fonts-letter-pair{font-family:Fonts Specimen Inter,Arial,sans-serif;display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;font-size:clamp(74px,7.5vw,122px);letter-spacing:-.08em;line-height:1.2;padding:24px 0 13px}.fonts-letter-pair span{font-weight:400}.fonts-letter-pair strong{font-family:Fonts Specimen Lora,Georgia,serif;font-weight:400;color:var(--fonts-accent)}.fonts-weight-labels{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;color:#62634f;padding-bottom:29px;border-bottom:1px solid #adad96}.fonts-page .fonts-specimen-line{font:400 clamp(19px,2.1vw,32px)/1.45 Fonts Specimen Inter,Arial,sans-serif;letter-spacing:-.04em;padding:28px 0 32px}.fonts-specimen-line strong{font-family:Fonts Specimen Lora,Georgia,serif;font-weight:400}.fonts-specimen-bottom{align-items:center;border-top:1px solid #adad96;padding-top:18px;font-size:12px}.fonts-specimen-bottom>span:last-child{font-family:Fonts Specimen Inter,Arial,sans-serif;font-weight:600;font-size:20px;color:var(--fonts-accent)}.fonts-choices{display:grid;grid-template-columns:.9fr 1.65fr;grid-gap:65px;gap:65px;border-top:1px solid var(--fonts-ink)}.fonts-choice-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:34px;gap:34px}.fonts-choice-grid article{border-top:1px solid var(--fonts-line);padding-top:17px}.fonts-choice-number{display:block;font:500 11px/1.5 var(--mono);color:var(--fonts-muted);margin-bottom:29px}.fonts-choice-grid h3{margin-bottom:17px}.fonts-choice-grid p{color:var(--fonts-muted);font-size:17px;line-height:1.65}.fonts-proof{display:grid;grid-template-columns:.85fr 1.55fr;grid-gap:60px;gap:60px;align-items:center;background:#eaeada;border-top:1px solid var(--fonts-ink);border-bottom:1px solid var(--fonts-ink)}.fonts-proof-copy>p:not(.fonts-eyebrow){font-size:17px;line-height:1.6;margin-top:23px;max-width:37ch}.fonts-proof-links{display:grid;grid-gap:15px;gap:15px;margin-top:25px;font-size:15px;font-weight:600}.fonts-proof-copy>.fonts-proof-note{color:var(--fonts-muted);font-size:13px!important;border-top:1px solid #bcbda9;padding-top:20px}.fonts-proof figure{min-width:0}.fonts-proof figure>a{display:block;border:1px solid var(--fonts-ink);box-shadow:7px 7px 0 #cfb8a2}.fonts-proof img{display:block;width:100%;height:auto}.fonts-proof figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:20px;font:500 10px/1.5 var(--mono);letter-spacing:.045em;color:var(--fonts-muted)}.fonts-workflow{background:var(--fonts-ink);color:var(--fonts-paper)}.fonts-workflow .fonts-eyebrow{color:#e4bd93}.fonts-workflow ol{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:45px 0 48px;padding:0;grid-gap:44px;gap:44px}.fonts-workflow li{border-top:1px solid #686a5a;padding-top:20px}.fonts-workflow li>span{display:block;font:400 15px/1.4 var(--mono);color:#e4bd93;margin-bottom:24px}.fonts-workflow li p{margin-top:15px;font-size:16px;line-height:1.65;color:#d1d1c3}.fonts-start{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;padding-top:38px;border-top:1px solid #686a5a;scroll-margin-top:28px}.fonts-start>div>p{margin-top:15px;max-width:48ch;font-size:17px;line-height:1.6;color:#d1d1c3}.fonts-start>div>.fonts-setup-note{font-size:13px;line-height:1.6}.fonts-start .setup-request-card{min-width:0;margin:0;padding:24px;background:#f8f4ea;color:var(--fonts-ink);border:0;box-shadow:none}.fonts-start .setup-request-label{font-size:11px;margin-bottom:18px;color:var(--fonts-muted)}.fonts-start .setup-request-action{display:block}.fonts-start .button{width:100%;font-size:13px}.fonts-start .goal-request-details{margin-top:20px;font-size:13px;line-height:1.5}.fonts-start .goal-request-details summary{cursor:pointer}.fonts-start .setup-request-text{font-family:var(--sans);font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:16px}.fonts-start .connection-message{font-size:13px;line-height:1.5;margin-top:14px}.fonts-details{display:grid;grid-template-columns:.9fr 1.65fr;grid-gap:65px;gap:65px}.fonts-details .fonts-section-heading>p:last-child{font-size:16px;color:var(--fonts-muted);line-height:1.6;max-width:24ch;margin-top:24px}.fonts-questions{min-width:0}.fonts-questions details{padding:21px 0;border-top:1px solid var(--fonts-line)}.fonts-questions details:first-child{padding-top:0;border-top:0}.fonts-questions summary{font-size:18px;font-weight:600;line-height:1.45;cursor:pointer;padding-right:14px}.fonts-questions details p{margin-top:16px;color:var(--fonts-muted);font-size:16px;line-height:1.65}.fonts-mcp-details pre{margin:22px 0 0;padding:22px;background:#eaeada;border:1px solid var(--fonts-line);overflow-x:auto;font:13px/1.65 var(--mono)}.fonts-mcp-details p code{font:.85em var(--mono);overflow-wrap:anywhere;color:var(--fonts-ink)}.fonts-mcp-details>a{display:inline-block;margin-top:20px;font-size:15px;font-weight:600}.fonts-related{display:flex;flex-wrap:wrap;gap:16px 30px;align-items:center;padding:25px clamp(28px,5.2vw,80px);border-top:1px solid var(--fonts-line)}.fonts-related>span{flex:1 1 240px;font:500 10px/1.5 var(--mono);letter-spacing:.04em;color:var(--fonts-muted)}.fonts-related>a{font-size:13px;font-weight:600}@media (max-width:1100px){.fonts-hero{gap:36px}.fonts-specimen{padding:22px}.fonts-choices,.fonts-details{grid-template-columns:.85fr 1.5fr;gap:36px}.fonts-choice-grid{gap:25px}.fonts-proof{gap:36px}.fonts-workflow ol{gap:28px}}@media (max-width:850px){.fonts-choices,.fonts-details,.fonts-hero,.fonts-proof,.fonts-workflow{padding:48px 32px}.fonts-hero{grid-template-columns:1fr 1fr;gap:30px}.fonts-page h1{font-size:clamp(42px,6.5vw,58px)}.fonts-page .fonts-lede{font-size:17px}.fonts-specimen{transform:none;box-shadow:6px 6px 0 #d6d5bc;padding:20px}.fonts-specimen-top{flex-direction:column;gap:3px}.fonts-letter-pair{font-size:clamp(55px,9vw,82px);gap:13px}.fonts-weight-labels{font-size:9px;gap:13px}.fonts-page .fonts-specimen-line{font-size:20px}.fonts-specimen-bottom{font-size:10px}.fonts-specimen-bottom>span:last-child{font-size:17px}.fonts-choices,.fonts-details,.fonts-proof{grid-template-columns:1fr;gap:32px}.fonts-choices h2 br,.fonts-details h2 br,.fonts-proof h2 br{display:none}.fonts-proof-copy>p:not(.fonts-eyebrow){max-width:60ch}.fonts-proof-links{display:flex;flex-wrap:wrap;gap:14px 25px}.fonts-workflow h3{font-size:22px}.fonts-workflow ol{gap:22px}.fonts-start{gap:30px}.fonts-details .fonts-section-heading>p:last-child{max-width:none;margin-top:18px}}@media (max-width:600px){.fonts-page{margin:0 12px 24px}.fonts-choices,.fonts-details,.fonts-hero,.fonts-proof,.fonts-workflow{padding:38px 22px}.fonts-hero{grid-template-columns:1fr;gap:42px}.fonts-page h1{font-size:clamp(44px,10vw,58px)}.fonts-page h2{font-size:33px}.fonts-page .fonts-eyebrow{font-size:10px;margin-bottom:20px}.fonts-actions{gap:22px;align-items:flex-start;flex-direction:column}.fonts-actions .button{width:100%;padding:17px 12px;font-size:12px}.fonts-specimen{padding:22px}.fonts-specimen-top{flex-direction:row}.fonts-letter-pair{font-size:clamp(75px,20vw,112px);padding-top:20px}.fonts-weight-labels{font-size:9px;padding-bottom:22px}.fonts-page .fonts-specimen-line{font-size:clamp(20px,5.5vw,28px);padding:24px 0}.fonts-specimen-bottom{font-size:11px}.fonts-choice-grid,.fonts-start,.fonts-workflow ol{grid-template-columns:1fr}.fonts-choice-grid{gap:30px}.fonts-choice-number{margin-bottom:18px}.fonts-choice-grid p,.fonts-proof-copy>p:not(.fonts-eyebrow){font-size:16px}.fonts-proof-links{display:grid;font-size:14px;grid-gap:17px;gap:17px}.fonts-proof figcaption{font-size:9px}.fonts-workflow ol{margin:34px 0;gap:27px}.fonts-workflow li>span{margin-bottom:15px}.fonts-workflow li p{margin-top:12px}.fonts-start{padding-top:30px;gap:25px}.fonts-start .setup-request-card{padding:20px}.fonts-start .button{font-size:12px;padding:17px 10px}.fonts-questions summary{font-size:17px}.fonts-questions details p{font-size:15px}.fonts-mcp-details pre{padding:15px;font-size:12px}.fonts-related{padding:25px 22px;gap:18px 26px}.fonts-related>span{flex-basis:100%}}