@font-face{font-family:Fraunces;src:url('assets/fraunces-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/dm-sans-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/dm-sans-600.ttf') format('truetype');font-weight:600 700;font-display:swap}
:root{--paper:#f6f3e9;--ink:#294c3e;--muted:#58665a;--accent:#a54d31;--line:#d6d9ca;--sage:#e7eadc;--display:Fraunces,Georgia,serif;--body:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}::selection{background:#e6c794;color:var(--ink)}a{color:inherit;text-underline-offset:5px}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button,textarea{font:inherit}[hidden]{display:none!important}.wrap{max-width:1200px;margin-inline:auto;width:calc(100% - 3rem)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:400;letter-spacing:-.045em;line-height:1.06}h2{font-size:clamp(2.4rem,4vw,3.6rem);margin-bottom:1.5rem}h3{font-size:1.18rem;line-height:1.35;font-weight:600;margin-bottom:.6rem}.eyebrow{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;font-weight:600;margin-bottom:1.8rem}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.7rem;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--display);font-size:1.55rem;letter-spacing:-.05em;text-decoration:none;white-space:nowrap}.site-header nav{display:flex;align-items:center;gap:2.5rem}.site-header nav a{font-size:.87rem;text-decoration:none;min-height:44px;display:flex;align-items:center;gap:.7rem}.site-header nav a:hover,.footer-links a:hover{color:var(--accent)}.hero{display:grid;padding-block:4rem 2.5rem;gap:2rem}.hero h1{font-size:clamp(3.3rem,6.15vw,5.5rem);margin-bottom:1.6rem}.hero h1 em{font-style:normal;color:var(--accent)}.small-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:.65rem}.lead{font-size:1.25rem;line-height:1.5;max-width:31ch;margin-bottom:1rem}.hero-description{max-width:43ch;color:var(--muted);margin-bottom:1.9rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:2.2rem;min-height:52px;padding:.85rem 1.4rem;background:var(--ink);border:1px solid var(--ink);border-radius:3px;color:var(--paper);font-size:.94rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background .18s ease,transform .18s ease}.button:hover{background:#3b5c49;transform:translateY(-2px)}.button:active{transform:translateY(0)}.button span{font-size:1.2rem}.small-note{font-size:.78rem;color:var(--muted);margin-top:1rem;margin-bottom:0}.hero-art{position:relative;min-height:470px;max-width:490px;width:100%;margin:auto;isolation:isolate;container-type:inline-size}.booklet{position:absolute;width:69%;left:13%;top:8%;background:#eee2c7;transform:rotate(-8deg);box-shadow:3px 12px 15px #334c3a12;border:1px solid #d3c7ad;padding:6% 6% 4%;height:80%;display:flex;flex-direction:column;justify-content:space-between}.booklet:before{content:'';position:absolute;inset:0 auto 0 5%;width:1px;background:#cbbb9c99}.booklet-top,.booklet-bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:2.1cqw;letter-spacing:.12em;font-weight:600}.booklet-title{font-family:var(--display);font-size:13cqw;line-height:.94;letter-spacing:-.05em;margin-top:6%}.booklet-title span{display:block;font:2.7cqw/1.5 var(--body);letter-spacing:0;margin-top:4%}.pocket{width:83%;align-self:center;min-height:0;flex:1;margin-top:3%}.booklet-bottom{margin-top:5%;border-top:1px solid #b7bda8;padding-top:5%}.back-sheet{position:absolute;width:65%;height:71%;left:27%;top:17%;background:#e4e9dc;border:1px solid #cad3c4;transform:rotate(9deg);padding:12% 7%;z-index:-1}.back-sheet span{font-family:var(--display);font-size:1.7rem}.back-sheet i{display:block;height:37px;border-bottom:1px solid #b9c6b5}.art-spark{position:absolute;right:1%;top:-2%;width:20%;height:auto;color:var(--accent);transform:rotate(12deg)}.art-caption{position:absolute;bottom:-1%;right:4%;font-family:var(--display);font-size:1.2rem;transform:rotate(-5deg)}.art-caption svg{position:absolute;left:-70px;top:-16px}.possibilities{border-block:1px solid var(--line);padding-block:1.5rem}.possibilities p{font-size:.8rem;color:var(--muted);margin-bottom:.7rem}.possibilities ul{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;font-family:var(--display);font-size:1.12rem}.possibilities li:last-child{color:var(--accent)}.how{display:grid;gap:2rem;padding-block:5rem}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:1.8rem;padding-block:1.5rem;border-top:1px solid var(--line)}.steps li:first-child{padding-top:0;border:0}.step-number{font-family:var(--display);color:var(--accent);font-size:1.15rem;line-height:1.5}.steps p{color:var(--muted);margin:0;max-width:48ch}.example{background:var(--sage);padding:2rem;display:grid;gap:2rem;position:relative}.example-label{display:flex;flex-direction:column;align-items:flex-start}.example-label .eyebrow{max-width:22ch}.sample-tag{display:inline-block;border:1px solid #a4b39b;padding:.4rem .8rem;font-size:.76rem;transform:rotate(-5deg)}.example-content>p{max-width:49ch;color:#4c6051}.example-meta{font-size:.8rem}.example-meta span{margin-inline:.4rem}.sample-links{margin-top:1.8rem}.sample-links a{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.85rem 0;border-top:1px solid #bcc8b4;text-decoration:none;font-weight:600;font-size:.94rem}.sample-links a:hover{text-decoration:underline}.sample-links span{font-size:.76rem;white-space:nowrap;font-weight:400}.sample-note{font-size:.72rem;margin:1rem 0 0}.start{padding-block:5rem;display:grid;gap:2rem}.start-intro>p:not(.eyebrow){max-width:37ch;color:var(--muted)}.start-intro .start-note{font-size:.78rem;margin-top:1.5rem;max-width:44ch!important}.prompt-area{min-width:0}.prompt-area label{display:block;font-size:.75rem;font-weight:600;margin-bottom:.7rem}.prompt-area textarea{display:block;resize:vertical;width:100%;height:215px;padding:1.3rem;border:1px solid #cbd0c0;border-radius:3px;background:#eeeee2;color:var(--ink);font-size:.95rem;line-height:1.65;min-height:150px}.prompt-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.2rem;margin-top:1rem}.prompt-actions>a{font-size:.85rem;padding:.5rem 0}.copy-status{font-size:.76rem;min-height:2.5em;color:var(--muted);margin:.65rem 0 1rem}details{font-size:.84rem;border-top:1px solid var(--line);padding-top:1rem}summary{cursor:pointer;padding:.4rem 0}details p{margin-block:.8rem 0;color:var(--muted)}.site-footer{border-top:1px solid var(--line);padding-block:2rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem}.site-footer .wordmark{font-size:1.3rem}.site-footer p{font-size:.78rem;margin:.35rem 0 0;color:var(--muted)}.footer-links{display:flex;gap:1.5rem;align-items:center}.footer-links a{font-size:.8rem;text-decoration:none;min-height:44px;display:flex;align-items:center}.site-footer .independent{flex-basis:100%;font-size:.7rem}.skip-link{position:absolute;left:1rem;top:-100px;z-index:10;background:var(--ink);color:var(--paper);padding:1rem}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:700px){.wrap{width:calc(100% - 6rem)}.hero{grid-template-columns:1.1fr 1fr;align-items:center;padding-block:4.5rem 4rem;gap:1rem}.hero-art{min-height:520px}.possibilities{display:flex;align-items:center;justify-content:space-between;gap:2rem}.possibilities p{max-width:17ch;margin:0}.possibilities ul{gap:.5rem 2rem}.how,.start{grid-template-columns:1fr 1.1fr;gap:4rem;padding-block:6rem}.example{grid-template-columns:1fr 1.1fr;gap:4rem;padding:3.5rem}.example-label{justify-content:space-between}.example-content h2{font-size:3.4rem}.sample-tag{margin-bottom:.8rem}.hero-art{aspect-ratio:1/1.15;min-height:0}.art-spark{font-size:6rem}.hero-description{font-size:.95rem}}
@media(min-width:1100px){.hero{gap:4.5rem}.hero-art{min-height:540px}.possibilities ul{gap:2.5rem}.hero-copy .eyebrow{margin-bottom:1.9rem}.hero{padding-block:5rem}.how,.start{gap:7rem}.example{gap:7rem}.example-label .eyebrow{max-width:none}}
@media(max-width:699px){.site-header{align-items:flex-start}.site-header nav{gap:.1rem;align-items:flex-end;flex-direction:column}.site-header nav a{font-size:.75rem;min-height:30px}.wordmark{font-size:1.35rem}.hero-art{margin-block:1rem 1.5rem;min-height:0;aspect-ratio:1/1.2}.hero .eyebrow{font-size:.65rem}.hero h1{font-size:clamp(3.3rem,10vw,4.9rem)}.art-caption{font-size:1.05rem}.sample-links a{align-items:flex-start;flex-direction:column;gap:.2rem}.example{width:calc(100% - 2rem);padding:2rem 1.5rem}.example-label{gap:0}.example-label .eyebrow{max-width:none;margin-bottom:1rem}.section-heading h2{margin-bottom:0}.steps li{gap:1.2rem}.prompt-area textarea{height:255px}.footer-links{flex-wrap:wrap;gap:.3rem 1.5rem}.start-intro h2{font-size:clamp(2.25rem,7.5vw,3.5rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}