*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}a:focus-visible{outline:2px solid currentColor;outline-offset:5px}.demo-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 28px;background:#252523;color:#f4f1eb;font-size:11px;gap:15px}.demo-bar a{text-decoration:underline;text-underline-offset:3px}.demo-bar span{opacity:.7}.demo-wrap{width:min(1200px,calc(100% - 80px));margin:auto}.demo-header{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid color-mix(in srgb,var(--text) 25%,transparent);gap:30px}.demo-header>a{font:600 26px Georgia,serif;letter-spacing:-.04em}.demo-header nav{display:flex;gap:28px;font-size:12px}.demo-hero{min-height:590px;padding:75px 0;display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.eyebrow{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:24px}.demo-copy h1{font:400 clamp(55px,6vw,88px)/1.02 Georgia,serif;letter-spacing:-.055em;max-width:650px}.demo-copy p{max-width:350px;margin-top:28px;font-size:17px}.demo-button{display:inline-block;border:1px solid currentColor;padding:13px 22px;font-size:12px;margin-top:32px}.demo-button:hover{background:var(--text);color:var(--paper)}.type-poster{min-height:390px;background:var(--text);color:var(--paper);padding:34px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.type-poster small,.type-poster span{font-size:10px;letter-spacing:.08em}.type-poster strong{font:italic 70px/1 Georgia,serif;letter-spacing:-.07em;overflow-wrap:anywhere}.type-poster span{border-top:1px solid currentColor;padding-top:18px}.demo-strip{display:flex;justify-content:space-between;padding:20px 0;border-block:1px solid color-mix(in srgb,var(--text) 25%,transparent);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.story{padding:100px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px 80px}.story .eyebrow{grid-column:1/-1}.story h2,.demo-end h2{font:400 48px/1.1 Georgia,serif;letter-spacing:-.045em}.story p{font-size:16px;max-width:500px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.detail{border-top:2px solid var(--text);padding-top:28px;scroll-margin-top:30px}.detail h2{font:400 32px Georgia,serif}.detail p{margin:20px 0;font-size:14px}.detail a{display:block;margin-top:28px;font-size:12px;text-decoration:underline}.demo-end{padding:100px 0}.demo-end p{max-width:450px;margin-top:22px}.demo-footer{border-top:1px solid currentColor;padding:28px 0;display:flex;justify-content:space-between;gap:25px;font-size:11px}.sample-index{border-top:1px solid currentColor}.sample-index a{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 0;border-bottom:1px solid currentColor}.sample-index span{font-size:11px}.sample-index b{font-size:28px;font-weight:400}.layout-1 .demo-hero{grid-template-columns:1fr 1fr}.layout-1 .type-poster{background:transparent;color:var(--text);border:1px solid currentColor}.layout-1 .type-poster strong{font-size:130px;font-style:normal}.layout-1 h1{font-family:Arial,sans-serif}.layout-2 .demo-hero{display:flex;flex-direction:column;align-items:stretch;text-align:center;padding:65px 0 30px;gap:40px}.layout-2 .demo-copy h1{max-width:900px;margin:auto}.layout-2 .demo-copy p{margin:25px auto 0}.layout-2 .type-poster{min-height:180px;flex-direction:row;align-items:center;gap:30px}.layout-2 .type-poster strong{font:800 85px Arial,sans-serif}.layout-2 .type-poster span{border:0}.layout-3 .demo-copy h1{font:600 clamp(50px,6vw,82px)/1.03 Arial,sans-serif}.layout-3 .demo-header>a{font-family:Arial,sans-serif}.layout-3 .demo-button{background:var(--text);color:var(--paper);border-radius:6px}.layout-3 .sample-index{padding:10px 28px;background:var(--text);color:var(--paper);border:0;border-radius:10px}.layout-3 .sample-index a:last-child{border:0}.layout-4 .demo-hero{grid-template-columns:1.4fr 1fr;gap:30px}.layout-4 .demo-copy h1{font:800 clamp(60px,7vw,100px)/.95 Arial,sans-serif;letter-spacing:-.075em}.layout-4 .type-poster{background:transparent;color:var(--text);border-left:1px solid currentColor}.layout-4 .type-poster strong{font:bold 210px/.9 Arial,sans-serif}.layout-4 .detail-grid{grid-template-columns:1fr}.layout-4 .detail{display:grid;grid-template-columns:1fr 1fr;gap:20px}.layout-4 .detail .eyebrow{grid-column:1/-1}.layout-5 .demo-hero{grid-template-columns:1fr;gap:60px}.layout-5 .demo-copy h1{font-style:italic;max-width:850px;font-size:clamp(65px,8vw,115px)}.layout-5 .sample-index{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.layout-5 .sample-index a{border:0;align-items:baseline}.layout-5 .sample-index b{font:24px Georgia,serif}
@media(max-width:760px){.demo-wrap{width:calc(100% - 40px)}.demo-bar{padding:10px 20px;flex-wrap:wrap}.demo-bar span{display:none}.demo-header{gap:20px;align-items:flex-start}.demo-header nav{gap:12px;flex-wrap:wrap;font-size:11px}.demo-hero,.layout-1 .demo-hero,.layout-4 .demo-hero{grid-template-columns:1fr;gap:35px;min-height:0;padding:50px 0}.type-poster{min-height:280px}.story{grid-template-columns:1fr;padding:60px 0;gap:25px}.story h2,.demo-end h2{font-size:38px}.detail-grid{grid-template-columns:1fr;gap:45px}.demo-end{padding:65px 0}.layout-2 .type-poster{flex-direction:column;align-items:center;padding:25px;min-height:240px}.layout-2 .type-poster strong{font-size:65px}.layout-5 .sample-index{grid-template-columns:1fr;gap:0}.layout-4 .detail{grid-template-columns:1fr}.demo-footer{flex-wrap:wrap}.demo-strip{gap:15px;font-size:8px}.sample-index b{font-size:23px}.layout-4 .type-poster strong{font-size:150px}.demo-copy h1{font-size:56px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}