:root{--spacing-unit:1em;--spacing-unit-global:1rem;--font-family-sans-serif:Inter, Avenir, Helvetica, Arial, sans-serif;--font-family-serif:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--font-family-monospace:Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;--font-size-xs:.6rem;--font-size-s:.8rem;--font-size:1rem;--font-size-m:1.2rem;--font-size-l:1.4rem;--font-size-xl:1.6rem;--font-size-xxl:1.8rem;--font-size-xxxl:2rem;--font-weight-normal:normal;--font-weight-medium:500;--font-weight-bold:bold;--background-color:#bba89c;--color:#333;--color--dark:#111;--highlight-color:#c8a48c;--separator-color:#93674a;--editor-color:#cfc0bd;--white:#fff;--off-white:#efefef;--max-width:800px;font-family:var(--font-family-sans-serif);font-synthesis:none;background-color:var(--background-color);color:var(--color);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html,body{margin:0;padding:0}body{flex-direction:column;min-height:100vh;display:flex}header,footer{width:100%;max-width:var(--max-width);margin:0 auto}footer{padding:var(--spacing-unit-global) 0;justify-content:space-between;align-items:center;gap:var(--spacing-unit-global);flex-direction:column;display:flex}@media (width>=1024px){footer{flex-direction:row}}h1,h2,h3{margin:0}a{color:currentColor}.header-container{padding:var(--spacing-unit-global);align-items:center;gap:var(--spacing-unit-global);display:flex}.header-container h1{font-size:var(--font-size-xxl);flex:1}.header-container h1 a{text-decoration:none;display:inline-block}.header-container div:last-of-type{font-size:var(--font-size-m)}@media (width>=1024px){.header-container{justify-content:center;padding-left:0;padding-right:0}}.above-fold{padding-bottom:var(--spacing-unit-global);flex-direction:column;flex:1 0 100vh;display:flex}main{gap:var(--spacing-unit-global);width:100%;padding:var(--spacing-unit-global);padding-top:calc(var(--spacing-unit-global) * 2);max-width:var(--max-width);flex:1;grid-template:"headline headline headline headline"min-content"description description description description"min-content"app app app app"1fr".faqs-separator faqs-separator."100px".faqs-headline faqs-headline."min-content"faqs faqs faqs faqs"min-content/1fr 1fr 1fr 1fr;margin:0 auto;display:grid}.haikus-page main{grid-template-rows:min-content min-content min-content;grid-template-areas:"headline headline headline headline""intro intro intro intro""list list list list"}.haiku-page main{align-content:start;gap:calc(var(--spacing-unit-global) * 1.5);max-width:var(--max-width);grid-template-rows:min-content min-content max-content min-content;grid-template-areas:"nav nav nav nav""headline headline headline headline""haiku haiku haiku haiku""cta cta cta cta"}.haiku-page .header-container{justify-content:flex-start}@media (width>=1024px){main{padding-left:0;padding-right:0}}.headline{text-align:center;font-size:calc(var(--font-size-xxxl) * 1.2);color:var(--color--dark);grid-area:headline;margin:0}.haiku-page .headline,.haikus-page .headline{text-align:left;font-size:calc(var(--font-size-xxxl))}.haiku-page .headline{text-align:left;font-family:var(--font-family-serif);font-size:clamp(2rem,6vw,3.25rem);font-weight:var(--font-weight-medium);letter-spacing:-.035em;line-height:1.15}.haiku-page .haiku-nav{font-size:var(--font-size-s);grid-area:nav}.haiku-page .haiku-nav a{text-underline-offset:.18em}@media (width>=1024px){.headline{font-size:calc(var(--font-size-xxxl) * 2)}.haikus-page .headline{font-size:calc(var(--font-size-xxxl) * 1.2)}}.description{text-align:center;font-size:var(--font-size-l);grid-area:description;margin:0}@media (width>=1024px){.description{font-size:var(--font-size-xl)}}#app{min-height:400px;margin-top:calc(var(--spacing-unit-global) * 3);scroll-margin-top:calc(var(--spacing-unit-global) * 4);grid-area:app}.haikus-page .haiku-list{gap:calc(var(--spacing-unit-global) * .5);grid-area:list;margin:0;padding:0;list-style:none;display:grid}.haikus-page .collection-intro{grid-area:intro;max-width:42rem;margin:0;line-height:1.6}.haikus-page .haiku-list li{font-family:var(--font-family-serif);font-size:var(--font-size-l);padding:calc(var(--spacing-unit-global) * .5) 0;margin:0;line-height:1.45}.haikus-page .haiku-list a{text-underline-offset:.2em;text-decoration-thickness:1px}.haiku-page .haiku{padding:clamp(2rem, 7vw, 4rem) var(--spacing-unit-global);background:var(--editor-color);font-family:var(--font-family-serif);letter-spacing:.01em;text-align:left;border:1px solid #4f392b24;border-radius:10px;grid-area:haiku;margin:.5rem 0;font-size:clamp(1.35rem,4vw,2rem);font-weight:400;line-height:1.9;position:relative;box-shadow:0 18px 45px #402b1e14}@media (width>=1024px){.haikus-page .haiku-list li{font-size:var(--font-size-xl)}}.haiku-page .haiku-cta{grid-area:cta;margin:0}.haiku-page .haiku-cta a{align-items:center;gap:calc(var(--spacing-unit-global) * .35);font-weight:var(--font-weight-medium);text-underline-offset:.18em;display:inline-flex}hr{color:#0000;border:none;border-top:1px solid var(--separator-color);width:100%}.faqs-separator{grid-area:faqs-separator;align-self:flex-end}.faqs-headline{grid-area:faqs-headline;justify-self:center}.faqs{grid-area:faqs}.faq{background-color:var(--editor-color);padding:var(--spacing-unit-global);margin-bottom:var(--spacing-unit-global);border-radius:10px}.faq summary{cursor:pointer;font-size:var(--font-size-m);font-weight:var(--font-weight-bold)}.faq p{line-height:1.5}