@charset "UTF-8";
:root{color-scheme:light;--paper:#f5f4ee;--ink:#20231f;--muted:#565c52;--line:#b9beb0;--lime:#d9ff58;--soft:#e6e9dc;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:4px}
a:focus-visible{outline:3px solid var(--ink);outline-offset:6px;border-radius:2px}
.page{max-width:1440px;margin:0 auto;padding:0 64px}
.skip{position:absolute;left:16px;top:12px;z-index:10;padding:16px;background:var(--lime);transform:translateY(-160%)}
.skip:focus{transform:translateY(0)}
.masthead{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink)}
.wordmark{display:inline-flex;align-items:center;text-decoration:none;font-size:25px;font-weight:700;letter-spacing:-1.1px;gap:10px}
.wordmark-dot{margin-left:-9px}
.mark{display:inline-flex;width:39px;height:39px;border:2px solid var(--ink);border-radius:50%;align-items:center;justify-content:center;font-size:29px;line-height:1;letter-spacing:-5px;padding-right:5px;background:var(--lime);position:relative}
.mark span{font-size:18px;position:absolute;right:1px;top:0;letter-spacing:0}
.header-link{font-size:15px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--ink);padding:8px 0}
.header-link span{margin-left:15px}
.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:56px;padding:74px 0 88px;align-items:center}
.eyebrow{margin:0 0 27px;font:11px/1.5 var(--mono);text-transform:uppercase;letter-spacing:1.55px;font-weight:500}
.hero .eyebrow{display:flex;align-items:center;gap:10px}
.status-dot{width:7px;height:7px;background:var(--ink);border-radius:50%;flex:none}
h1{font-size:clamp(62px,6.25vw,90px);font-weight:700;letter-spacing:-5.7px;line-height:1.04;margin:0 0 35px;max-width:760px}
.underlined{position:relative;white-space:nowrap}
.underlined:after{content:"";position:absolute;bottom:2px;left:2px;right:0;height:8px;background:var(--lime);z-index:-1;transform:rotate(-1deg)}
.hero-intro{max-width:465px;font-size:19px;line-height:1.55;letter-spacing:-.2px;margin:0 0 13px}
.hero-invite{font-size:16px;line-height:1.6;max-width:465px;margin:0 0 29px;color:var(--muted)}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:58px;padding:17px 22px;background:var(--ink);color:var(--paper);text-decoration:none;font-size:15px;font-weight:700;border:1px solid var(--ink);transition:background .15s,color .15s}
.button:hover{background:var(--lime);color:var(--ink)}
.button span{font-size:23px;line-height:1}
.email-note{font:11px/1.6 var(--mono);color:var(--muted);margin:17px 0 0}
.idea-board{height:480px;background:var(--soft);border:1px solid var(--ink);position:relative;margin:22px 0 0;isolation:isolate;background-image:radial-gradient(#b6bca9 .7px,transparent .7px);background-size:15px 15px}
.board-rule{position:absolute;left:21px;right:21px;top:21px;font:9px/1.4 var(--mono);letter-spacing:1.3px;border-bottom:1px solid #989f8c;padding-bottom:14px}
.note{position:absolute;box-shadow:5px 7px 0 #20231f12;border:1px solid var(--ink);padding:23px;display:flex;flex-direction:column;gap:26px}
.note-label{font:10px/1.3 var(--mono);letter-spacing:1.5px}
.note strong{font-size:30px;letter-spacing:-1.2px;line-height:1.12;font-weight:500}
.note-index{align-self:flex-end;font:10px var(--mono)}
.note-you{background:var(--paper);width:255px;top:81px;left:23px;transform:rotate(-7deg)}
.note-together{background:var(--lime);width:270px;right:20px;top:237px;transform:rotate(5deg)}
.spark{position:absolute;width:89px;height:89px;right:25px;top:111px;transform:rotate(8deg)}
.board-footer{position:absolute;bottom:17px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:1.3px}
.board-footer span:last-child{font-size:22px;line-height:1}
.invitation,.about{border-top:1px solid var(--ink);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;padding:65px 0 70px}
h2{font-size:48px;line-height:1.07;font-weight:500;letter-spacing:-2.1px;margin:0}
.invitation-body p,.about-body p{font-size:17px;line-height:1.65;margin:0 0 19px;max-width:520px;color:var(--muted)}
.invitation-body .large-copy{font-size:26px;line-height:1.4;letter-spacing:-.55px;color:var(--ink);margin-top:0;margin-bottom:25px}
.text-link{display:inline-flex;gap:35px;font-size:14px;font-weight:700;margin-top:9px;padding:10px 0}
.about .eyebrow{margin-bottom:23px}
.about h2{font-size:42px}
.about-body .community-label{font-size:13px;margin-top:27px;margin-bottom:8px}
.community-links{display:flex;gap:18px;flex-wrap:wrap}
.community-links a{display:inline-flex;align-items:center;gap:16px;min-height:44px;font:12px var(--mono)}
.closing{background:var(--lime);padding:53px 45px 57px;margin-bottom:61px;position:relative}
.closing h2{font-size:60px;font-weight:700;letter-spacing:-3px;line-height:1.04;margin:0 0 28px}
.closing .eyebrow{margin-bottom:25px}
.closing-email{display:inline-flex;align-items:center;gap:34px;font-size:20px;text-decoration:none;border-bottom:1px solid var(--ink);padding:8px 0}
.closing:after{content:"↗";position:absolute;right:47px;bottom:56px;font-size:150px;line-height:1;pointer-events:none}
footer{border-top:1px solid var(--ink);padding:25px 0 34px;display:flex;justify-content:space-between;gap:25px;color:var(--muted);font:10px/1.6 var(--mono)}
footer div{display:flex;gap:25px;align-items:flex-start}
@media(min-width:1440px){h1{font-size:90px}}
@media(max-width:1120px){.page{padding:0 38px}.hero{gap:35px}h1{font-size:68px;letter-spacing:-4px}.idea-board{height:430px}.note-you{width:225px;left:18px;top:74px}.note-together{width:235px;top:222px;right:12px}.note{padding:20px;gap:22px}.note strong{font-size:26px}.spark{width:65px;height:65px;right:16px;top:117px}.invitation,.about{gap:45px}.closing:after{font-size:120px}}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:48px;padding:55px 0 58px}.hero-copy{max-width:650px}h1{font-size:80px;letter-spacing:-4.8px}.hero-intro{max-width:545px}.hero-invite{max-width:545px}.idea-board{height:370px;margin:0;width:100%;max-width:570px}.note-you{width:255px;top:80px;left:35px}.note-together{width:255px;top:143px;right:31px}.spark{right:71px;top:67px;width:65px;height:65px}.note strong{font-size:29px}.note{gap:22px}.invitation,.about{grid-template-columns:1fr;gap:35px;padding:48px 0}.invitation-body p,.about-body p{max-width:650px}.closing{padding:40px 32px}.closing h2{font-size:54px}.closing:after{font-size:105px;right:30px;bottom:45px}footer{flex-direction:column;gap:12px}}
@media(max-width:520px){.page{padding:0 23px}.masthead{height:88px}.wordmark{font-size:21px;gap:8px}.mark{width:33px;height:33px;font-size:25px}.mark span{font-size:15px}.header-link{font-size:12px}.header-link span{margin-left:8px}.hero{padding-top:40px;gap:39px}.eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:22px}h1{font-size:clamp(43px,11.4vw,60px);letter-spacing:-2.8px;line-height:1.09;margin-bottom:26px}.underlined:after{height:5px;bottom:1px}.hero-intro{font-size:17px;line-height:1.6}.hero-invite{font-size:15px}.button{font-size:14px;min-height:56px;padding:15px 19px;gap:30px}.email-note{font-size:10px}.idea-board{height:374px}.board-rule{font-size:8px;letter-spacing:.6px;left:16px;right:16px}.note-you{left:18px;top:75px;width:218px}.note-together{right:12px;top:199px;width:227px}.note{padding:20px;gap:18px}.note strong{font-size:26px}.spark{right:17px;top:123px;width:58px;height:58px}.note-index{font-size:9px}.board-footer{font-size:8px}h2{font-size:38px;letter-spacing:-1.6px}.invitation-body .large-copy{font-size:23px}.invitation-body p,.about-body p{font-size:15px;line-height:1.7}.about h2{font-size:36px}.community-links{gap:20px}.community-links a{gap:9px;font-size:11px}.closing{padding:31px 23px 36px;margin-bottom:38px}.closing h2{font-size:39px;letter-spacing:-1.9px}.closing .eyebrow{font-size:8px;max-width:205px}.closing-email{font-size:15px;gap:20px}.closing:after{display:none}footer{font-size:9px;padding:20px 0 28px}footer div{gap:16px;flex-wrap:wrap}.footer-note{max-width:220px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}