:root{--paper:#faf4e8;--sheet:#fffdf6;--ink:#493629;--red:#c94730;--blue:#427c9d;--yellow:#f1bc43;--muted:#756454;--line:#d8cbbb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--red);text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}h1,h2,h3,.brand{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;line-height:1.05;font-weight:700}h1{font-size:clamp(3rem,7.3vw,7rem);letter-spacing:-.055em;margin:.18em 0 .28em}h2{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.04em;margin:0 0 .6em}h3{font-size:1.55rem;letter-spacing:-.025em;margin:0 0 .6em}p{margin:0 0 1.1em}.wrap{max-width:1200px;margin:auto;padding:0 34px}.site-header{border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:98px}.brand{font-size:2.25rem;text-decoration:none;color:var(--ink);letter-spacing:-.055em}.brand{display:inline-flex;align-items:baseline;white-space:nowrap;padding-right:.9em}.brand-lift{display:inline-block;position:relative}.brand-letter{display:inline-block;color:var(--blue);transform:translateY(-.16em) rotate(12deg);transform-origin:50% 80%}.brand-balloon{position:absolute;width:.96em;height:1.45em;right:-.77em;bottom:.28em;overflow:visible;pointer-events:none}nav{display:flex;align-items:center;gap:28px;font-size:.94rem}nav a{color:var(--ink);text-decoration:none}.language{display:flex;gap:9px;align-items:center;margin-left:12px}.language a{padding:5px 7px}.language [aria-current]{color:var(--red);font-weight:700;border-bottom:2px solid var(--red)}.skip{position:absolute;left:1rem;top:-100px;z-index:10;background:var(--sheet);padding:10px}.skip:focus{top:10px}.hero{text-align:center;padding-top:66px}.eyebrow{font-size:.76rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--blue);margin-bottom:22px}.hero .intro{font-size:clamp(1.15rem,2vw,1.4rem);max-width:650px;margin:0 auto 26px;line-height:1.55}.accent{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 26px;border:1.5px solid var(--red);border-radius:58% 42% 52% 48% / 9% 14% 10% 13%;background:var(--red);color:var(--sheet);font-weight:600;text-decoration:none;min-height:48px}.button:hover{background:#b23825}.art{display:block;width:100%;height:auto;max-height:450px;object-fit:cover;object-position:50% 55%;margin:35px 0 0;mix-blend-mode:multiply}.caption{font-size:.8rem;color:var(--muted);margin-top:12px}.section{padding:90px 0}.section-title{max-width:680px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:48px}.step{border-top:2px solid var(--line);padding-top:24px}.step .number{font:italic 3rem Georgia,serif;color:var(--red);display:block;margin-bottom:20px}.step:nth-child(2) .number{color:var(--blue)}.step:nth-child(3) .number{color:#a77200}.step p{color:var(--muted);font-size:1rem}.thought{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:58px 0;display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}.thought h2{margin:0}.thought p{color:var(--muted);margin:0}.support-strip{display:flex;align-items:center;justify-content:space-between;gap:30px}.support-strip p{color:var(--muted);margin:0}.support-strip h2{font-size:2.4rem;margin-bottom:12px}.button.outline{background:transparent;color:var(--red);flex-shrink:0}.site-footer{border-top:1px solid var(--line);padding:34px 0 44px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-links{display:flex;flex-wrap:wrap;gap:22px;font-size:.9rem}.footer-links a{color:var(--ink)}.fine{font-size:.78rem;color:var(--muted);margin:22px 0 0}.document{max-width:880px;padding-top:65px;padding-bottom:95px}.document h1{font-size:clamp(2.8rem,6vw,4.9rem);overflow-wrap:anywhere}.document .lead{font-size:1.22rem;color:var(--muted);margin-bottom:40px}.document h2{font-size:1.6rem;letter-spacing:-.02em;margin:40px 0 16px;line-height:1.25}.document ul{padding-left:1.3em}.document li{margin-bottom:.55em}.document address{font-style:normal}.contact-paper{background:var(--sheet);border:1px solid var(--line);border-radius:7px 12px 8px 14px;padding:28px;margin:32px 0}.contact-paper a{overflow-wrap:anywhere;font-size:1.15rem}.notice{border-left:3px solid var(--yellow);padding-left:22px;color:var(--muted)}details{border-top:1px solid var(--line);padding:20px 0}details:last-of-type{border-bottom:1px solid var(--line)}summary{font-weight:600;cursor:pointer}details p{margin:15px 0 0;color:var(--muted)}@media(max-width:700px){.wrap{padding:0 22px}.nav{min-height:82px;gap:12px}.brand{font-size:clamp(1.35rem,7vw,1.85rem)}nav{gap:12px;font-size:.88rem}.nav-how{display:none}.language{gap:3px;margin-left:0}.hero{padding-top:44px}h1{font-size:clamp(2.65rem,10vw,4.7rem)}.hero .intro{font-size:1.06rem}.art{height:270px;object-fit:cover;width:calc(100% + 44px);max-width:none;margin-left:-22px}.eyebrow{font-size:.68rem;letter-spacing:.11em}.section{padding:62px 0}.steps{grid-template-columns:1fr;gap:22px;margin-top:32px}.step{display:grid;grid-template-columns:46px 1fr;column-gap:20px;padding-top:22px}.step .number{grid-row:1/3;font-size:2.4rem;margin:0}.step h3{margin-top:6px}.step p{margin-bottom:0}.thought{grid-template-columns:1fr;gap:24px;padding:40px 0}.support-strip{display:block}.support-strip .button{margin-top:25px}.footer-top{display:block}.footer-links{margin-top:20px;gap:18px}.document{padding-top:42px;padding-bottom:60px}.document h1{font-size:2.8rem}.document h2{font-size:1.45rem}.document .lead{font-size:1.06rem}.contact-paper{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.section.wrap{padding:90px 34px}.contact-paper .fine a{font-size:inherit}.contact-paper h2{margin-top:0}.document p,.document a{overflow-wrap:break-word}@media(max-width:700px){.section.wrap{padding:62px 22px}}

/* The storybook landscape fills the viewport throughout every page. */
body{min-height:100vh;min-height:100svh;isolation:isolate}
body::before,body::after{content:"";position:fixed;inset:0;pointer-events:none}
body::before{z-index:-2;background:var(--paper) url("/assets/story.jpg") center bottom / cover no-repeat}
body::after{z-index:-1;background:linear-gradient(180deg,rgba(250,244,232,.84),rgba(250,244,232,0) 30%,rgba(250,244,232,.2)),radial-gradient(ellipse at 50% 38%,rgba(250,244,232,.94) 0%,rgba(250,244,232,.75) 35%,rgba(250,244,232,.12) 78%)}
.site-header{background:rgba(250,244,232,.72)}
.hero{min-height:calc(100vh - 98px);min-height:calc(100svh - 98px);display:flex;flex-direction:column;align-items:center;padding-top:clamp(44px,8vh,86px);padding-bottom:26px}
.hero h1{width:100%}
.hero .button{flex-shrink:0}
.hero .caption{margin: auto 0 0;padding:28px 16px 0;color:var(--ink);text-shadow:0 1px 8px var(--paper)}
.section.wrap{background:rgba(250,244,232,.9)}
main>section.wrap:has(.thought){background:rgba(250,244,232,.9)}
.site-footer{background:rgba(250,244,232,.92)}
.document{background:rgba(255,253,246,.92)}
.document h2{overflow-wrap:anywhere}
@media(max-width:700px){
 body::before{background-position:48% bottom}
 body::after{background:linear-gradient(180deg,rgba(250,244,232,.88),rgba(250,244,232,.45) 56%,rgba(250,244,232,.15)),radial-gradient(ellipse at 50% 32%,rgba(250,244,232,.85),rgba(250,244,232,0) 75%)}
 .hero{min-height:calc(100vh - 82px);min-height:calc(100svh - 82px);padding-top:52px;padding-bottom:22px}
 .hero .caption{padding-top:100px;max-width:320px;line-height:1.5}
 .document{margin:24px 14px;max-width:calc(100% - 28px);padding:34px 22px 48px;border-radius:5px 11px 8px 4px}
}
