@font-face{font-family:Fraunces;src:url('/assets/Fraunces_72pt-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Fraunces;src:url('/assets/Fraunces_72pt-SemiBold.ttf') format('truetype');font-weight:600 900;font-display:swap}@font-face{font-family:Mono;src:url('/assets/JetBrainsMono-Regular.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--canvas:#101110;--surface:#1b1d1a;--text:#f2eee5;--secondary:#b5b2a8;--rule:#32352f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--canvas);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #e0c994;outline-offset:6px}::selection{background:#665d43;color:#fff}svg{width:24px;height:24px;flex-shrink:0}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-family:Fraunces,Georgia,serif;font-weight:600;line-height:1.16;letter-spacing:-.025em}h1{font-size:clamp(46px,5.2vw,76px)}h1 em{font-weight:400;font-style:normal;color:var(--secondary)}h2{font-size:clamp(36px,4vw,53px)}h3{font-size:27px}h4{font-size:21px}.wrap{max-width:1200px;margin:auto;padding-left:36px;padding-right:36px}.header{height:112px;max-width:1360px;margin:auto;padding:0 52px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--rule)}.brand{display:flex;align-items:center;gap:15px;letter-spacing:.17em;font-size:22px;font-weight:500;line-height:1.2}.brand svg{width:34px;height:34px}.brand small{display:block;font-family:Mono,monospace;font-size:8px;letter-spacing:.18em;margin-top:8px;color:var(--secondary)}.header nav{display:flex;gap:32px;color:var(--secondary);font-size:14px}.header nav a:hover,.footer a:hover{color:var(--text);text-decoration:underline;text-underline-offset:6px}.header-cta{font-size:14px;display:flex;align-items:center;gap:16px;min-height:44px}.header-cta svg{width:19px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:85px;padding-top:82px;padding-bottom:85px;align-items:center}.eyebrow{font-family:Mono,monospace;font-size:10px;font-weight:400;letter-spacing:.19em;color:var(--secondary);line-height:1.6}.status-dot{width:6px;height:6px;background:#b4b79b;border-radius:50%;display:inline-block;margin-right:8px;vertical-align:2px}.hero h1{margin:28px 0}.intro{font-size:19px;color:var(--secondary);max-width:470px;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:26px;margin-top:38px}.button{display:inline-flex;gap:25px;align-items:center;justify-content:space-between;min-height:56px;padding:15px 23px;border-radius:7px;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.primary{background:var(--text);color:var(--canvas)}.primary:hover{background:#fff9e9;transform:translateY(-2px)}.button svg{width:19px}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:14px;min-height:44px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.caption{font-size:12px;color:var(--secondary)}.hero-copy>.caption{margin-top:17px}.preview-topline{display:flex;justify-content:space-between;gap:12px;margin-bottom:17px}.preview-topline .caption{font-size:10px}.app-preview{border:1px solid #41443b;border-radius:13px;background:var(--canvas);box-shadow:0 25px 75px #0003;overflow:hidden}.app-top{padding:20px 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rule)}.preview-title{font:600 28px Fraunces,Georgia,serif}.app-top svg{width:24px;color:var(--secondary)}.preview-panel{padding:27px 25px;min-height:405px}.verse{font:400 29px/1.45 Fraunces,Georgia,serif;margin-top:16px;margin-bottom:20px;letter-spacing:-.015em}.source{font:9px Mono,monospace;letter-spacing:.09em;color:var(--secondary)}.preview-rule{height:1px;background:var(--rule);margin:26px 0 22px}.preview-panel h3{font-size:25px;margin:10px 0 18px}.note-card{border:1px solid var(--rule);background:var(--surface);padding:17px 18px;border-radius:9px;margin-top:12px}.note-meta{font:8px Mono,monospace;color:var(--secondary);display:flex;justify-content:space-between;gap:8px;letter-spacing:.05em}.note-card h4{font-size:19px;margin:10px 0 8px}.note-card p{font-size:13px;line-height:1.6;color:var(--secondary)}.note-reference{display:block;font-size:10px;color:var(--secondary);margin-top:14px}.preview-tabs{border-top:1px solid var(--rule);display:flex;background:#151714}.preview-tabs button{background:none;border:0;flex:1;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;padding:17px 6px;color:var(--secondary);cursor:pointer;min-height:58px;border-top:2px solid transparent}.preview-tabs button[aria-selected=true]{color:var(--text);background:var(--surface);border-top-color:var(--text)}.preview-tabs svg{width:20px;height:20px}.preview-caption{text-align:center;font-size:10px;color:var(--secondary);margin-top:14px}.preview-description{font-size:14px;color:var(--secondary);margin-bottom:22px}.book-row{display:flex;gap:16px;border-top:1px solid var(--rule);padding:17px 0}.book-row>span{font:10px Mono,monospace;color:var(--secondary);padding-top:4px}.book-row h4{font-size:19px}.book-row p{font-size:11px;color:var(--secondary);margin-top:7px}.chapter-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:25px;padding-bottom:25px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.chapter-strip>span:not(.eyebrow){font:400 20px Fraunces,Georgia,serif}.section{padding-top:110px;padding-bottom:110px}.section-heading{max-width:680px}.section-heading h2{margin-top:22px}.section-heading>p:last-child{max-width:540px;color:var(--secondary);margin-top:24px;font-size:17px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:65px}.features article{border-top:1px solid var(--rule);padding-top:23px}.feature-label{display:flex;align-items:center;justify-content:space-between;color:var(--secondary);margin-bottom:26px}.features h3{font-size:26px;margin-bottom:17px}.features p{font-size:15px;color:var(--secondary);line-height:1.8}.history-section{padding:75px 0;background:#171a16;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.history-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.history-grid img{display:block;width:100%;height:450px;object-fit:cover;object-position:center;border-radius:4px}.history-grid figcaption{font:9px/1.8 Mono,monospace;color:var(--secondary);margin-top:13px}.history-copy h2{margin:22px 0}.history-copy>p:not(.eyebrow),.history-detail p{color:var(--secondary);font-size:16px}.history-detail{border-top:1px solid #3c4036;margin:27px 0 18px;padding-top:23px}.history-detail h3{font-size:24px;margin:12px 0}.history-detail p{font-size:14px}.notebook{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.notebook-sheet{background:var(--surface);border:1px solid var(--rule);border-radius:12px;padding:33px}.sheet-top,.sheet-bottom{display:flex;justify-content:space-between;align-items:center;color:var(--secondary)}.sheet-title{font:400 30px/1.35 Fraunces,Georgia,serif;margin:28px 0 20px}.handwritten{font:400 19px/1.7 Fraunces,Georgia,serif;color:var(--secondary);padding-bottom:20px;border-bottom:1px solid var(--rule)}.writing-line{height:38px;border-bottom:1px solid var(--rule)}.sheet-bottom{margin-top:25px}.sheet-bottom svg{width:17px;height:17px}.join{text-align:center;padding-top:82px;padding-bottom:95px;border-top:1px solid var(--rule)}.join h2{margin:23px auto;max-width:720px}.join>p:not(.eyebrow):not(.caption){color:var(--secondary);margin-bottom:30px}.join .caption{margin-top:18px}.footer{max-width:1200px;margin:auto;border-top:1px solid var(--rule);padding:38px 36px 32px;display:grid;grid-template-columns:1fr auto;gap:12px 35px;align-items:center}.wordmark{font-family:Mono,monospace;letter-spacing:.23em;font-size:15px}.footer p,.footer small{font-size:11px;color:var(--secondary)}.footer p{grid-column:1;grid-row:2}.footer nav{display:flex;gap:27px;font-size:13px;grid-column:2;grid-row:1}.footer small{text-align:right}.skip{position:absolute;top:-100px;left:20px;background:var(--text);color:var(--canvas);padding:12px;z-index:10}.skip:focus{top:12px}.legal{max-width:830px;padding-top:55px;padding-bottom:100px;min-height:65vh}.legal>.eyebrow{margin-top:42px}.legal h1{margin:20px 0 25px;font-size:54px}.legal section{margin-top:42px}.legal h2{font-size:27px;margin-bottom:15px}.legal section p{margin-top:14px;color:var(--secondary);font-size:16px}.legal>.button{margin:30px 0 12px}.legal>.intro{max-width:650px}[hidden]{display:none!important}
@media(min-width:1500px){.hero{padding-top:105px;padding-bottom:105px}}@media(max-width:1000px){.header{padding:0 30px}.hero{gap:40px}.hero-actions{gap:15px}.history-grid{gap:40px}.notebook{gap:50px}.features{gap:25px}.chapter-strip .eyebrow{max-width:150px}}@media(max-width:760px){.header{height:88px;padding:0 22px;gap:16px}.header nav{display:none}.brand{font-size:19px;gap:11px}.brand svg{width:29px}.header-cta{font-size:12px;gap:9px}.wrap{padding-left:24px;padding-right:24px}.hero{grid-template-columns:1fr;gap:52px;padding-top:52px;padding-bottom:48px}.hero h1{font-size:54px;margin:23px 0}.intro{font-size:17px}.hero-actions{margin-top:28px;gap:25px}.preview-wrap{max-width:480px;width:100%;margin:auto}.preview-panel{min-height:405px}.chapter-strip{flex-wrap:wrap;gap:15px;justify-content:space-between;margin:0 24px;padding:22px 0}.chapter-strip .eyebrow{max-width:none;flex-basis:100%;font-size:9px}.chapter-strip>span:not(.eyebrow){font-size:17px}.section{padding-top:65px;padding-bottom:65px}.section-heading h2{font-size:37px}.features{grid-template-columns:1fr;gap:30px;margin-top:37px}.feature-label{margin-bottom:15px}.features h3{font-size:25px}.features p{max-width:550px}.history-section{padding:40px 0 50px}.history-grid{grid-template-columns:1fr;gap:32px}.history-grid img{height:auto;aspect-ratio:1.25;object-fit:cover}.history-copy h2{font-size:42px}.notebook{grid-template-columns:1fr;gap:35px}.notebook-sheet{padding:25px}.join{padding-top:60px;padding-bottom:64px}.join h2{font-size:39px}.footer{margin:0 24px;padding:30px 0;display:flex;flex-wrap:wrap;gap:18px}.footer .wordmark,.footer p{flex-basis:100%}.footer nav{gap:25px}.footer small{margin-left:auto}.legal{padding-top:35px}.legal h1{font-size:43px}}@media(max-width:370px){.hero h1{font-size:46px}.header-cta svg{display:none}.preview-panel{padding:22px 19px}.chapter-strip>span:not(.eyebrow){font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Motion follows the rhythm of a page: an opening, a mark, a new thought. */
.title-line{display:block}.hero-copy{position:relative}.thought-line{display:block;width:clamp(170px,24vw,295px);height:24px;margin:-10px 0 25px;color:#a9ad91;overflow:visible}.thought-line path{stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-dasharray:330;stroke-dashoffset:0}.hero{position:relative}.preview-wrap{position:relative}.preview-wrap:before{content:'';position:absolute;inset:14% -15% 12%;background:radial-gradient(ellipse,#a9ad9112,transparent 68%);z-index:-1;pointer-events:none}.app-preview{position:relative;isolation:isolate}.preview-tabs{position:relative}.preview-tabs button{position:relative;z-index:1;transition:color .25s,background .25s}.preview-tabs button[aria-selected=true]{background:transparent;border-top-color:transparent}.tab-ink{position:absolute;top:0;bottom:0;left:0;width:33.333%;background:#25291f;border-top:2px solid #c6cbb0;pointer-events:none}.history-grid figure{overflow:hidden}.history-image-window{overflow:hidden;border-radius:4px}.history-grid img{transform-origin:50% 55%}.features article{position:relative;transition:background .3s}.features article:after{content:'';position:absolute;top:-1px;left:0;width:100%;height:1px;background:#c6cbb0;transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.features article:hover:after{transform:scaleX(1)}.button svg,.header-cta svg,.text-link svg{transition:transform .3s cubic-bezier(.2,.7,.2,1)}.button:hover svg,.header-cta:hover svg,.text-link:hover svg{transform:translateX(4px)}.notebook-sheet{position:relative;box-shadow:0 24px 60px #0002}.writing-line{position:relative;border:0}.writing-line:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--rule)}.footer-controls{display:flex;align-items:center;justify-content:flex-end;gap:22px}.motion-toggle{border:0;background:none;padding:8px 0;color:var(--secondary);font:11px Mono,monospace;cursor:pointer}.motion-toggle:hover{color:var(--text)}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important}.motion-paused{scroll-behavior:auto}@media(max-width:760px){.thought-line{width:220px;margin:-7px 0 22px}.footer-controls{width:100%;justify-content:space-between}.hero{overflow:clip}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){.hero h1{font-size:clamp(39px,11vw,54px)}}
.preview-tabs:not(:has(.tab-ink)) button[aria-selected=true]{background:var(--surface);border-top-color:var(--text)}
/* Typography: a quieter masthead, distinct from the app preview. */
.header .brand{font:400 32px/1 Georgia,'Times New Roman',serif;letter-spacing:-.065em;gap:0}.header .brand>svg{display:none}.header .brand small{font:9px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:.17em;margin-top:10px;color:#a2a69b}.header nav{font-size:13px;letter-spacing:.01em;gap:36px}.header-cta{border:1px solid #53564b;border-radius:6px;padding:10px 17px;min-height:44px;font-size:13px}.header-cta:hover{background:var(--surface)}.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;line-height:1.12}.hero h1 em{font-style:italic;color:#c5c7b9}.hero-copy>.eyebrow{letter-spacing:.12em}.hero .intro{font-size:18px;line-height:1.8}.thought-line{opacity:.5}.replay-intro{border:0;background:none;padding:8px 0;color:var(--secondary);font:11px Mono,monospace;cursor:pointer}.footer-controls{flex-wrap:wrap;gap:16px}
@font-face{font-family:Ritual;src:url('/assets/Fraunces_72pt-Black.ttf') format('truetype');font-weight:900;font-display:swap}@font-face{font-family:RitualVerse;src:url('/assets/Fraunces_72pt-Italic.ttf') format('truetype');font-style:italic;font-display:swap}.ritual-open{overflow:hidden}.launch-ritual{position:fixed;inset:0;z-index:100;background:var(--canvas);color:var(--text);height:100vh;height:100dvh}.ritual-title{position:absolute;top:34%;left:0;width:100%;text-align:center;transform:translateY(-50%);font:900 clamp(66px,12vw,142px)/1 Ritual,Fraunces,Georgia,serif;letter-spacing:-.065em;padding:0 20px;opacity:0}.ritual-scripture{position:absolute;top:69%;left:50%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 64px));opacity:0}.ritual-reference{font:10px/1.5 Mono,monospace;letter-spacing:.3em;margin-bottom:20px}.ritual-scripture blockquote{margin:0;font:italic 28px/1.55 RitualVerse,Fraunces,Georgia,serif;letter-spacing:-.01em}.ritual-skip{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);border:0;background:none;padding:14px 18px;color:var(--secondary);font:10px/1.5 Mono,monospace;letter-spacing:.12em;cursor:pointer;white-space:nowrap}.ritual-skip span{margin-left:18px}.ritual-visible .ritual-scripture{animation:scripture-arrival .9s ease-out both}.ritual-visible .ritual-title{animation:title-arrival 1.15s 1.05s ease-in both}@keyframes scripture-arrival{from{opacity:.12;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes title-arrival{from{opacity:0}to{opacity:1}}@media(max-width:760px){.header .brand{font-size:29px}.header .brand small{font-size:7px}.header-cta{padding:8px 12px}.hero h1{font-size:clamp(38px,10.6vw,54px)}.hero .intro{font-size:17px}.ritual-scripture blockquote{font-size:25px}.ritual-title{font-size:clamp(62px,17vw,100px)}}@media(max-height:500px){.ritual-title{top:25%;font-size:64px}.ritual-scripture{top:60%;max-width:560px}.ritual-scripture blockquote{font-size:21px}.ritual-reference{margin-bottom:8px}.ritual-skip{bottom:5px}}@media(prefers-reduced-motion:reduce){.ritual-title,.ritual-scripture{opacity:1}}
.motion-paused .ritual-title,.motion-paused .ritual-scripture{opacity:1}
