:root{--night:#130d15;--night-2:#1c1420;--wine:#321d2b;--wine-2:#4b2737;--paper:#f1dfc5;--cream:#f5ecdf;--ink:#241821;--plum:#4b2737;--deep:#130d15;--copper:#f38a5d;--ember:#f38a5d;--gold:#e0b453;--sage:#1c1420;--lavender:#f5ecdf;--sans:'Manrope',sans-serif;--serif:'Instrument Serif',Georgia,serif;--hand:'Manrope',sans-serif;font-family:var(--sans);font-synthesis:none;color:var(--ink);background:var(--night);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;overflow-x:clip}body::after{content:'';position:fixed;inset:0;pointer-events:none;opacity:.026;z-index:60;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23noise)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
h1,h2,h3,p,blockquote{margin:0}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--copper);outline-offset:6px}textarea:focus,select:focus{outline:2px solid var(--copper);outline-offset:3px}button:disabled{opacity:.45}button,summary{user-select:none}textarea{resize:vertical}svg{overflow:visible}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.drawing{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.symbols{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;padding:15px;background:var(--cream);z-index:110}.skip-link:focus{top:20px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.08em}.section-kicker{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-bottom:24px;border-bottom:1px solid #362b3326}.section-kicker>span{display:flex;gap:8px;align-items:center}.section-kicker .icon{height:13px;width:13px}.chapter{padding:54px max(48px,calc((100vw - 1440px)/2));scroll-margin-top:0}.chapter h2{font-weight:450;letter-spacing:-.065em;line-height:1.01}.chapter h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;font-style:normal}.text-link{display:inline-flex;gap:30px;align-items:center;font-size:12px;border-bottom:1px solid currentColor;padding:12px 0}.text-link .icon{transition:transform .25s}.text-link:hover .icon{transform:translateX(5px)}.dark-button,.light-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:19px 24px;font-size:12px;background:var(--ink);color:var(--cream);border-radius:2px;min-height:55px;transition:background .2s,transform .2s}.dark-button:not(:disabled):hover{background:#674957;transform:translateY(-2px)}.light-button{background:var(--cream);color:var(--ink)}.light-button:not(:disabled):hover{background:#dfceb6;transform:translateY(-2px)}.dark-button .icon,.light-button .icon{width:18px;height:18px}
.site-header{position:absolute;left:0;right:0;top:0;height:102px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:30px;z-index:30}.wordmark{font-weight:550;font-size:38px;letter-spacing:-2.8px;line-height:1}.wordmark span{color:var(--copper)}.header-note{font-size:10px;margin-left:90px}.header-actions{display:flex;align-items:center;gap:24px}.beta-link{display:flex;gap:22px;align-items:center;font-size:11px}.beta-link .icon{width:17px;height:17px;transform:rotate(-40deg)}.menu-button{width:45px;height:45px;border:1px solid #362b3340;background:transparent;border-radius:50%;display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center}.menu-button span{width:17px;height:1px;background:currentColor;transition:transform .3s}.menu-button span:last-child{width:10px;margin-left:7px}.menu-button:hover span:last-child{transform:translateX(-4px)}
#chapter-menu{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:35px 7vw 30px;background:var(--deep);color:var(--paper);border:0;overflow-y:auto}#chapter-menu::backdrop{background:#322430}.menu-top,.menu-bottom{display:flex;justify-content:space-between;align-items:center}.menu-top>span{font-size:35px;letter-spacing:-2px}.menu-close{color:inherit;display:flex;gap:24px;align-items:center;background:transparent;font-size:12px}.menu-close span{font-size:32px}.menu-top+.eyebrow{margin:65px 0 25px;color:#bdabb6}#chapter-menu nav{display:grid}#chapter-menu nav a{display:flex;align-items:center;gap:28px;font:clamp(32px,6vw,86px) var(--serif);letter-spacing:-.04em;border-top:1px solid #efdec326;padding:12px 0}#chapter-menu nav a>small{font:10px var(--sans);color:#ad8e9e;width:23px}#chapter-menu nav a>span{font-family:var(--sans);font-size:37px;margin-left:auto;color:#b78c69}#chapter-menu nav a:hover{color:#cfab8b}.menu-bottom{margin-top:35px;font-size:11px;color:#beafb7}.menu-bottom button{background:transparent;color:inherit;padding:12px 0;text-decoration:underline;text-underline-offset:5px}
.hero{height:150svh;min-height:1060px;position:relative}.hero-sticky{position:sticky;top:0;height:100svh;min-height:700px;overflow:hidden;isolation:isolate}.hero-topline{position:absolute;top:131px;left:48px;right:48px;display:flex;justify-content:space-between;align-items:center;font-size:10px}.hero-topline>span:first-child{display:flex;gap:8px;align-items:center}.tiny-star{font-style:normal;font-size:19px;color:#936c52}.hero h1{position:absolute;top:183px;left:0;right:0;text-align:center;font-size:clamp(105px,11.9vw,185px);line-height:.78;letter-spacing:-.08em;font-weight:450;z-index:1;transform:translateY(calc(var(--hero-progress,0)*-58px));opacity:calc(1 - var(--hero-progress,0)*.7)}.hero h1>span{font-family:var(--serif);font-size:1.17em;line-height:.94;letter-spacing:-.058em}.hero-object{position:absolute;left:50%;top:55%;width:clamp(380px,38vw,580px);aspect-ratio:1.6;z-index:4;transform:translate(-50%,calc(var(--hero-progress,0)*16px)) rotate(calc(-7deg + var(--hero-progress,0)*13deg)) scale(calc(1 + var(--hero-progress,0)*.13));perspective:1500px;will-change:transform}.hero-envelope{transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .5s;box-shadow:15px 29px 35px -8px #392d343b}.hero-envelope .env-flap{transform:rotateX(calc(var(--hero-progress,0)*150deg));z-index:8}.hero-envelope .hero-wax{opacity:calc(1 - var(--hero-progress,0)*2);transform:rotate(-12deg) scale(calc(1 + var(--hero-progress,0)*.3))}.hero-scrap{position:absolute;width:48%;height:96%;left:0;top:-22%;background:#f9f3e5;padding:26px 23px;box-shadow:3px 8px 13px #3c252322;transform:translate(calc(var(--hero-progress,0)*-150px),calc(var(--hero-progress,0)*-80px)) rotate(-17deg);transition:filter .3s;z-index:-1;border:1px solid #d7c5ac}.hero-scrap small{font-size:7px;letter-spacing:.08em}.hero-scrap>span{display:block;font:28px/.95 var(--serif);margin-top:19px;letter-spacing:-.5px}.hero-scrap .drawing{width:72px;height:72px;display:block;margin:12px auto;color:#ac8b6d}.scrap-two{background:#dbd3dc;left:auto;right:-5%;top:-17%;transform:translate(calc(var(--hero-progress,0)*160px),calc(var(--hero-progress,0)*-110px)) rotate(18deg);border-color:#c6b7c6}.scrap-two .drawing{color:#7c6580}.hero-orbit{position:absolute;top:22%;left:0;width:100%;height:72%;z-index:-1;transform:rotate(calc(var(--hero-progress,0)*10deg))}.hero-orbit svg{width:100%;height:100%;fill:none;stroke:#aa7962;stroke-width:.7;opacity:.36;stroke-dasharray:1900;stroke-dashoffset:calc(480 - var(--hero-progress,0)*450)}.hero-bottom{position:absolute;left:48px;right:48px;bottom:35px;display:flex;align-items:end;justify-content:space-between;z-index:7}.hero-bottom>p{font-size:11px;line-height:1.85;width:270px;max-width:26%}.hero-bottom strong{font-weight:550}.round-link{height:122px;width:122px;border:1px solid #8b635366;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#f1ebdfa8;backdrop-filter:blur(5px);font-size:12px;line-height:1.3;margin-left:auto;margin-right:18px;transform:rotate(-9deg);transition:background .3s,transform .3s}.round-link .icon{transform:rotate(40deg);width:24px;height:24px}.round-link:hover{background:var(--ink);color:var(--cream);transform:rotate(0)}.hero-index{font-size:8px;line-height:1.7;letter-spacing:.07em;max-width:125px;display:none}.hero-index>span{display:block;font-size:24px;margin-top:10px}.hero-margin{position:absolute;left:20px;top:57%;font-size:7px;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.11em;color:#8b776a}
.envelope{position:relative;width:100%;height:100%;aspect-ratio:1.6;transform-style:preserve-3d;isolation:isolate;border-radius:4px}.env-back{position:absolute;inset:0;background:#5b394e;border:1px solid #866275;border-radius:4px;z-index:1}.env-lining{position:absolute;inset:2px;background:#42283b;border-radius:4px;z-index:2}.env-lining::after{content:'yours, until you choose.';position:absolute;top:12%;width:100%;text-align:center;color:#a28292;font:15px var(--serif);opacity:.65}.env-side{position:absolute;inset:0;z-index:6}.env-left{clip-path:polygon(0 0,57% 55%,0 100%);background:linear-gradient(110deg,#79546c,#69465b)}.env-right{clip-path:polygon(100% 0,43% 55%,100% 100%);background:linear-gradient(220deg,#66435a,#4f3048)}.env-front{position:absolute;inset:0;z-index:7;clip-path:polygon(0 100%,0 19%,50% 63%,100% 19%,100% 100%);background:linear-gradient(165deg,#79536a,#5b394f 85%);border:1px solid #a681982e;border-radius:4px}.env-flap{position:absolute;top:1px;left:0;width:100%;height:66%;background:linear-gradient(155deg,#856075,#664158 90%);clip-path:polygon(0 0,100% 0,51% 98%,50% 99%,49% 98%);transform-origin:50% 0;transition:transform .9s cubic-bezier(.4,0,.2,1);backface-visibility:visible;z-index:8;filter:drop-shadow(0 2px 2px #39222c40)}.env-flap::after{content:'';position:absolute;inset:2px 3px;background:linear-gradient(155deg,#87667a,#69465d);clip-path:inherit}.env-address{position:absolute;z-index:9;left:8%;bottom:12%;color:#e1c9b4;pointer-events:none}.env-address>span{display:block;font:clamp(22px,2.1vw,32px)/.95 var(--hand)}.env-address small{display:block;font:7px var(--sans);letter-spacing:.08em;margin-top:12px;color:#c5a5b2}.env-brand{position:absolute;z-index:9;right:7%;bottom:12%;color:#c5a5b24d;font-size:13px;letter-spacing:-.8px}.wax{position:absolute;z-index:11;top:50%;left:41%;width:18%;aspect-ratio:1;display:grid;place-items:center;border-radius:48% 54% 48% 51%/51% 49% 53% 47%;color:#844a31;background:radial-gradient(ellipse at 29% 21%,#d6a97e,#be8158 60%,#9f5c3d);box-shadow:0 4px 5px #2f182756,inset 0 1px 1px #f4cca0,inset 0 -2px 1px #7a462e}.wax::before{content:'';position:absolute;inset:12%;border-radius:50%;border:1px solid #945d3b;box-shadow:0 1px 0 #e8b68b,inset 0 1px 3px #8e4f343f}.wax i{font:clamp(40px,4vw,60px) var(--serif);transform:translateY(-6%);text-shadow:0 1px 0 #ecbb8b}.wax-crack{position:absolute;top:0;bottom:0;left:45%;width:10%;clip-path:polygon(30% 0,65% 23%,20% 43%,70% 65%,40% 100%,59% 100%,87% 65%,37% 43%,80% 23%,46% 0);background:#58394d;opacity:0}
.moments-section{background:#e6ddce;position:relative;overflow:hidden;padding-bottom:65px}.moments-intro{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-top:51px}.moments-intro h2{font-size:clamp(52px,6.2vw,91px)}.moments-intro>p{font-size:12px;line-height:1.85;max-width:310px;padding-bottom:4px}.moment-table{display:flex;justify-content:center;align-items:start;gap:4.7vw;padding:76px 20px 70px;min-height:525px;position:relative;perspective:1500px}.table-aside{font:22px/1 var(--hand);position:absolute;right:0;top:25px;color:#90735c;transform:rotate(5deg)}.table-aside span{display:inline-block;margin-left:6px;font-size:35px}.moment-card{width:clamp(230px,24vw,310px);min-width:0;min-height:365px;display:flex;flex-direction:column;align-items:start;text-align:left;padding:22px 24px;background:#fcf6e9;box-shadow:0 1px 1px #4f362116,4px 10px 17px #4f362113;border:1px solid #d7c5aa;position:relative;transform:translateY(var(--lift,0px)) rotate(var(--rotate));transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;--rotate:-7deg}.moment-card:hover{transform:translateY(calc(var(--lift,0px) - 16px)) rotate(0);box-shadow:3px 18px 25px #4f362129;z-index:4}.moment-card:active{transform:translateY(var(--lift,0px)) rotate(0) scale(.97)}.distance-card{background:#dad2dc;border-color:#bdafc4;--rotate:5deg;--lift:40px}.laugh-card{background:#dde1c8;border-color:#c0c8a8;--rotate:-4deg;--lift:4px}.card-top{display:flex;justify-content:space-between;width:100%;font-size:8px;letter-spacing:.07em}.card-top>span:first-child{display:flex;align-items:center;gap:6px}.card-top i{width:5px;height:5px;background:#7c8466;border-radius:50%}.distance-card .card-top i{background:#8e6389}.moment-card>.drawing{width:115px;height:115px;align-self:center;margin:15px 0 15px;color:#ad8e69}.distance-card>.drawing{color:#947892;transform:rotate(3deg)}.laugh-card>.drawing{color:#8a9663;transform:rotate(-12deg)}.moment-title{font:clamp(26px,2.4vw,35px)/.98 var(--serif);letter-spacing:-.02em;display:block}.moment-caption{font-size:10px;line-height:1.7;margin-top:13px;color:#7b695e}.distance-card .moment-caption{color:#766375}.laugh-card .moment-caption{color:#6c755b}.card-bottom{margin-top:auto;padding-top:20px;display:flex;justify-content:space-between;align-items:center;width:100%;font-size:7px;letter-spacing:.09em}.card-add{display:grid;place-items:center;border:1px solid #58443142;border-radius:50%;width:27px;height:27px}.card-add>.icon{width:15px;height:15px}.chosen-stamp{position:absolute;inset:auto 18px 66px;display:flex;justify-content:center;align-items:center;gap:10px;color:#5a6347;border:1px solid #75815b;background:#e8eadbdc;backdrop-filter:blur(5px);padding:10px;font:13px var(--sans);transform:rotate(-9deg) scale(1.2);opacity:0;pointer-events:none;transition:opacity .3s,transform .4s}.chosen-stamp>.icon{width:16px;height:16px}.moment-card[aria-pressed=true] .chosen-stamp{opacity:1;transform:rotate(-9deg) scale(1)}.moment-card[aria-pressed=true] .card-add{background:var(--ink);color:var(--paper);border-color:var(--ink);transform:rotate(45deg)}.moment-card:disabled{opacity:.65}.collection-bar{display:flex;align-items:center;gap:20px;max-width:770px;margin:0 auto;border-top:1px solid #91785d4a;padding:24px 0}.collector{width:67px;height:43px;background:#65465a;border-radius:2px;position:relative;transform:rotate(-9deg);flex:none;box-shadow:1px 4px 4px #3a213c29}.collector>span{position:absolute;inset:0;background:#8f6b80;clip-path:polygon(0 0,100% 0,50% 68%)}.collector b{position:absolute;left:26px;top:20px;width:17px;height:17px;background:#c58f64;border-radius:50%;display:grid;place-items:center;font:8px var(--sans);color:#5f3b2c}.collection-bar>div:nth-child(2){font-size:12px}.collection-bar small{display:block;font-size:10px;color:#897463;margin-top:6px}.collection-bar>a{margin-left:auto;flex:none}.paper-flight{position:fixed;z-index:90;pointer-events:none;margin:0;transform-origin:center;min-height:0;will-change:transform,opacity}.paper-flight .chosen-stamp{display:none}
.clarity-section{background:var(--lavender);overflow:hidden;padding-bottom:0}.clarity-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:77px 3vw 60px}.clarity-story{position:relative;min-width:0}.clarity-story h2{font-size:clamp(55px,6.4vw,92px)}.clarity-story>p:not(.privacy-caption){font-size:13px;line-height:1.9;max-width:345px;margin-top:30px}.rough-note{width:81%;max-width:350px;background:#e8dfd3;padding:29px 30px 25px;margin:56px 0 0 7px;transform:rotate(-6deg);position:relative;z-index:2;box-shadow:2px 5px 10px #412b3713}.rough-note small{font-size:7px;letter-spacing:.09em;color:#897566}.rough-note blockquote{font:30px/1.14 var(--hand);margin-top:20px;color:#715568}.rough-note>span:last-child{display:block;font:20px var(--hand);margin-top:25px;color:#9c8775}.note-pin{width:46px;height:19px;position:absolute;top:-8px;left:40%;transform:rotate(8deg);background:#9c97864f}.privacy-caption{display:flex;align-items:center;gap:7px;font-size:9px;color:#786574;margin:28px 0 0;position:relative;z-index:2}.privacy-caption>.icon{width:12px;height:12px}.unravel-line{position:absolute;left:-90px;bottom:-10px;width:120%;height:210px;stroke:#a18b9b;fill:none;stroke-width:.8;opacity:.5}.writing-desk{position:relative;min-width:0;align-self:start}.writing-paper{background:var(--cream);box-shadow:3px 11px 26px #39202e1a;padding:25px 30px;transform:rotate(1.6deg);position:relative}.writing-paper::before{content:'';position:absolute;left:0;right:0;top:4px;height:1px;background:#ded4c9}.paper-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.08em;color:#8b786b;padding-bottom:18px;border-bottom:1px solid #d2c0ab}.draft-tabs{display:flex;gap:6px;align-items:center;margin:0 0 19px;flex-wrap:wrap}.draft-tabs button{padding:9px 12px;font-size:10px;border:1px solid #a797a7;border-radius:20px;background:transparent}.draft-tabs button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--cream)}.draft-tabs button:disabled{opacity:.4}.reflection-prompts details{border-bottom:1px solid #ded4c9}.reflection-prompts summary{display:flex;gap:13px;align-items:center;cursor:pointer;font-size:13px;list-style:none;padding:18px 0}.reflection-prompts summary::-webkit-details-marker{display:none}.reflection-prompts summary>span{font:13px var(--serif);color:#a4876d}.reflection-prompts summary>.icon{width:15px;height:15px;margin-left:auto;transition:transform .3s}.reflection-prompts details[open] summary>.icon{transform:rotate(45deg)}.reflection-prompts textarea{width:100%;border:0;padding:0 0 13px 27px;font-size:12px;line-height:1.7;background:transparent;min-height:67px;display:block}.chosen-words{margin-top:28px}.chosen-words label{font-size:8px;letter-spacing:.04em;display:block;color:#886e5a}.chosen-words label>span{display:block;font:18px var(--hand);letter-spacing:0;margin-top:8px;color:#ac8b72}.chosen-words textarea{border:0;border-bottom:1px solid #cab9a4;background:transparent;width:100%;font:26px/1.18 var(--serif);padding:15px 0;min-height:141px;display:block}.chosen-words p{font-size:8px;color:#917c6b;margin-top:10px}.paper-footer{display:flex;justify-content:space-between;gap:12px;font-size:8px;padding-top:22px;color:#aa8e74}.writing-desk .dark-button{display:flex;width:100%;margin-top:26px}.empty-state{padding:58px 30px;text-align:center;background:#f7f0e87a;min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #92768552}.empty-mark{display:block;font:65px var(--serif);color:#b38c6f;margin-bottom:20px}.empty-state h3{font:38px/.98 var(--serif);letter-spacing:-.025em}.empty-state p{font-size:12px;line-height:1.85;margin-top:20px;max-width:275px}.empty-state .text-link{margin-top:22px;font-size:11px}.thought-marquee{white-space:nowrap;font-size:clamp(75px,10.5vw,160px);line-height:1.07;letter-spacing:-.065em;padding:10px 0 20px;transform:translateX(calc(var(--clarity-progress,0)*-160px));margin-left:-5vw;opacity:.2;pointer-events:none}.thought-marquee i{font-family:var(--serif);font-weight:400;font-style:normal}
.conversation-section{background:var(--deep);color:var(--paper);overflow:hidden;padding-bottom:30px;transition:background 1s}.conversation-section .section-kicker{border-color:#d6b8c329;color:#c8b4bf}.ritual-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:52px 0 20px}.ritual-heading h2{font-size:clamp(72px,9.5vw,135px);line-height:.87;letter-spacing:-.065em}.ritual-heading h2 em{font-size:1.08em;line-height:1.03;color:#ceb89e}.mode-switch{display:flex;gap:3px;flex:none;margin-bottom:12px;padding:3px;border:1px solid #9e809163;border-radius:30px}.mode-switch button{font-size:10px;border-radius:20px;background:transparent;color:#cbb8c3;min-height:35px;padding:9px 18px}.mode-switch button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.ritual-layout{position:relative;display:grid;grid-template-columns:250px minmax(0,1fr) 28px;gap:5%;align-items:center;min-height:550px}.ritual-aside{padding-bottom:5px}.small-cross{display:block;color:#c3926d;font-size:35px;margin-bottom:25px}.ritual-aside h3{font:32px/1.08 var(--serif);letter-spacing:-.025em;font-weight:400}.ritual-aside p{font-size:12px;line-height:1.85;color:#baa8b4;margin-top:20px;max-width:235px}.quiet-link{font-size:10px;background:transparent;color:#d5b79e;display:inline-block;padding:10px 0;margin-top:20px;border-bottom:1px solid #b892753b}.ritual-object{position:relative;height:540px;width:100%;perspective:1600px}.ritual-envelope{position:absolute;top:192px;left:50%;width:min(94%,510px);height:auto;aspect-ratio:1.6;transform:translateX(-50%) rotate(-7deg);filter:drop-shadow(10px 15px 10px #120d132e);transition:transform .9s,top .9s}.ritual-envelope .env-flap{transform:rotateX(180deg);z-index:3;filter:brightness(.9)}.ritual-envelope .env-address>span{font-size:clamp(22px,2.4vw,33px)}.packed-papers{position:absolute;inset:0;z-index:4}.packed-papers span{position:absolute;left:8%;width:84%;height:86%;top:2%;background:#f5eddc;box-shadow:0 1px 5px #1c162330;border:1px solid #dfceb6;opacity:0;transform:translateY(10%);transition:transform .7s,opacity .5s}.packed-papers span::before{content:'a little of my world.';position:absolute;top:21px;left:23px;font:17px var(--serif);color:#a28a76}.packed-papers span:nth-child(2){background:#ded5df;left:10%;rotate:3deg}.packed-papers span:nth-child(3){background:#dfe4ca;left:6%;rotate:-3deg}.packed-papers span.is-packed{opacity:1;transform:translateY(-9%)}.ritual-wax{opacity:0;pointer-events:none;transform:translateY(-80px) rotate(-12deg) scale(1.5);transition:opacity .3s,transform .7s cubic-bezier(.2,.8,.3,1.2);padding:0}.object-floor{position:absolute;top:88%;left:12%;right:12%;height:10px;background:#130c185c;filter:blur(15px);border-radius:50%;transform:rotate(-5deg)}.seal-controls{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.seal-controls p{font-size:10px;line-height:1.6;color:#c0a9b6;max-width:320px;min-height:17px}.seal-controls .light-button{padding:16px 24px;min-width:225px}.ritual-margin{height:260px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.08em;writing-mode:vertical-rl;color:#9d8593}.ritual-bottom{display:flex;justify-content:space-between;gap:30px;padding:27px 0 5px;border-top:1px solid #c9aebb2b;margin-top:25px;font-size:9px;color:#b5a3ac}.ritual-bottom>span:first-child{display:flex;align-items:center;gap:8px}.ritual-bottom .icon{width:13px;height:13px}.conversation-section:is([data-stage=sealing],[data-stage=sealed],[data-stage=ready],[data-stage=opening]) .env-flap{transform:rotateX(0deg);z-index:8}.conversation-section:is([data-stage=sealing],[data-stage=sealed],[data-stage=ready],[data-stage=opening]) .packed-papers span{transform:translateY(8%)}.conversation-section:is([data-stage=sealed],[data-stage=ready]) .ritual-wax{opacity:1;transform:translateY(0) rotate(-12deg) scale(1);pointer-events:auto}.conversation-section[data-stage=ready] .ritual-wax:not(:disabled){box-shadow:0 4px 5px #2f182756,inset 0 1px 1px #f4cca0,inset 0 -2px 1px #7a462e,0 0 0 10px #bf875916;animation:seal-breathe 2.8s ease-in-out infinite}.conversation-section[data-stage=ready] .ritual-wax:hover{transform:rotate(0) scale(1.07)}.conversation-section:is([data-stage=sealed],[data-stage=ready]) .ritual-envelope{top:145px;transform:translateX(-50%) rotate(-4deg)}.arrivals{display:flex;flex-direction:column;gap:8px;margin-top:23px}.arrivals button{display:flex;align-items:center;gap:12px;text-align:left;min-height:58px;padding:10px 14px;border:1px solid #b38f9d4a;background:#80647415;color:var(--paper);border-radius:2px}.arrivals button>span:first-child{border:1px solid #c098755e;height:30px;width:30px;display:grid;place-items:center;border-radius:50%;font:18px var(--serif);color:#c4a180}.arrivals button>span:nth-child(2){font-size:11px}.arrivals small{display:block;font-size:9px;color:#ac929f;margin-top:4px}.arrivals .icon{margin-left:auto;opacity:.25;width:15px;height:15px}.arrivals button[aria-pressed=true]{background:#b8c09119;border-color:#b8c09170}.arrivals button[aria-pressed=true] .icon{opacity:1;color:#c7cfaa}#arrival-demo{display:block;font-size:8px;color:#a993a1;margin-top:12px;line-height:1.6}#unseal{margin-top:10px}.conversation-section[data-stage=opening] .ritual-wax{opacity:0;transform:scale(1.15) rotate(10deg)}.conversation-section[data-stage=opening] .wax-crack{opacity:1}.conversation-section[data-stage=opened]{background:#443546}.conversation-section[data-stage=opened] .ritual-envelope{top:249px;transform:translateX(-50%) rotate(-4deg)}.conversation-section[data-stage=opened] .ritual-object{height:600px}.conversation-section[data-stage=opened] .packed-papers{display:none}.conversation-section[data-stage=opened] .ritual-envelope .env-address{opacity:.7}.open-letter{position:absolute;z-index:5;left:5%;right:5%;top:-66%;padding:27px 28px;background:var(--cream);color:var(--ink);min-height:125%;box-shadow:0 2px 9px #1b122634;transform:rotate(2deg);border:1px solid #dac9af;animation:letter-emerge .9s cubic-bezier(.2,.8,.2,1) both}.open-letter>div{display:flex;justify-content:space-between;align-items:center;font-size:16px;letter-spacing:-1px;border-bottom:1px solid #c8b9a442;padding-bottom:16px}.open-letter>div small{font-size:8px;letter-spacing:0;color:#8e7284}.open-letter blockquote{font:clamp(26px,3vw,42px)/1.02 var(--serif);letter-spacing:-.035em;margin-top:24px;overflow-wrap:anywhere;white-space:pre-wrap}.letter-hand{display:block;font:22px var(--hand);color:#a08063;margin-top:18px}.open-letter footer{display:flex;justify-content:space-between;gap:15px;font-size:7px;color:#9b8773;margin-top:27px;letter-spacing:.03em}.letter-nav{display:flex;align-items:center;gap:15px;margin-top:30px;font-size:11px}.circle-button{height:37px;width:37px;border:1px solid #af8f9e5e;border-radius:50%;background:transparent;color:var(--paper);font-size:18px}.circle-button:not(:disabled):hover{background:#efded32a}.circle-button:disabled{opacity:.23}.conversation-room{max-width:800px;margin:25px auto 35px;text-align:center;padding-top:32px;border-top:1px solid #b295a441}.conversation-steps{display:flex;justify-content:center;gap:10px}.conversation-steps button{background:transparent;color:#bba8b6;font-size:11px;border:1px solid #ad899a55;padding:12px 22px;border-radius:24px;display:flex;gap:10px}.conversation-steps button span{font:12px var(--serif);opacity:.6}.conversation-steps button[aria-pressed=true]{background:var(--paper);border-color:var(--paper);color:var(--ink)}#conversation-prompt{font:38px/1.1 var(--serif);margin-top:29px;letter-spacing:-.025em}#prompt-note{display:block;font-size:11px;color:#baabb6;margin-top:13px}.light-link{color:#dfc7ae;margin-top:22px}
.forward-section{background:var(--sage);padding-bottom:97px}.forward-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:78px 3vw 15px}.forward-story{position:relative}.forward-story h2{font-size:clamp(57px,6.8vw,99px);line-height:.96}.forward-story>p:not(.forward-hand){max-width:310px;font-size:13px;line-height:1.85;margin-top:32px}.forward-hand{font:26px/1.1 var(--hand);max-width:260px;transform:rotate(-6deg);color:#727d58;margin:35px 0 0 25px}.forward-hand span{font-size:46px;position:absolute;right:-60px;top:6px}.forward-flower{font-size:240px;line-height:1.1;display:block;margin-left:50px;color:#a9b393;font-family:var(--serif);transform:rotate(calc(var(--forward-progress,0)*80deg));transform-origin:130px 130px}.decision-ticket{background:var(--cream);padding:25px 28px 18px;transform:rotate(2deg);box-shadow:4px 12px 17px #333c191c;position:relative;align-self:start;min-width:0;transition:transform .5s}.ticket-top{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:18px;border-bottom:1px solid #c9baa353}.ticket-top>span{font-size:21px;letter-spacing:-1.1px}.ticket-top small{font-size:7px;letter-spacing:.07em;max-width:130px;text-align:right}.decision-ticket .empty-state{background:none;border:0;min-height:520px;padding:35px 0}.ticket-number{font:120px/.9 var(--serif);color:#c0c9a4;margin-bottom:28px}.ticket-bottom{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.08em;color:#aa957e;margin-top:25px}.decision-ticket fieldset{padding:0;border:0;margin:25px 0}.decision-ticket legend{font:31px/1 var(--serif);letter-spacing:-.04em;margin-bottom:18px}.decision-option{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;padding:13px 0;border-bottom:1px solid #d0c4b253;cursor:pointer}.decision-option input{appearance:none;width:0;height:0;position:absolute}.decision-option i{height:16px;width:16px;border:1px solid #bcac98;border-radius:50%;flex:none;display:grid;place-items:center}.decision-option input:checked~i::after{content:'';width:8px;height:8px;background:#747e52;border-radius:50%}.decision-option input:focus-visible~i{outline:2px solid var(--copper);outline-offset:4px}.small-label{font-size:7px;letter-spacing:.07em;color:#8c785f;display:block;margin-top:20px}#decision-words{background:transparent;border:0;border-bottom:1px solid #c7b69c;width:100%;font:24px/1.15 var(--serif);padding:13px 0 17px;min-height:117px;display:block}.decision-details{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.decision-details label{font-size:7px;letter-spacing:.06em;color:#8c785f}.decision-details select{width:100%;font:11px var(--sans);padding:12px 15px 10px 0;border:0;border-bottom:1px solid #c7b69c;background:transparent;cursor:pointer;border-radius:0}.agreement{margin-top:23px}.agreement>p{font-size:11px}.agreement>div{display:flex;gap:10px;margin-top:12px}.agreement button{padding:11px 12px;display:flex;flex:1;justify-content:space-between;align-items:center;font-size:11px;border:1px solid #cbbb9f;background:none;border-radius:2px;min-height:41px}.agreement button span{font-size:9px;color:#8f8269}.agreement button[aria-pressed=true]{background:#dfe4cd;border-color:#acb58d}.agreement button[aria-pressed=true] span{color:#5d6a3d}.agreement>small{display:block;font-size:8px;color:#a18b73;margin-top:9px}.ticket-tear{height:1px;margin:26px -28px 20px;border-top:1px dashed #b8ab93;position:relative}.ticket-tear::before,.ticket-tear::after{content:'';width:20px;height:20px;position:absolute;top:-11px;background:var(--sage);border-radius:50%}.ticket-tear::before{left:-10px}.ticket-tear::after{right:-10px}.ticket-result{display:flex;align-items:center;gap:16px;margin:12px 0 22px}.result-mark{height:44px;width:44px;font-size:27px;border:1px solid #beb09a;border-radius:50%;display:grid;place-items:center;color:#8d9672}.ticket-result p{font:27px/1.06 var(--serif);letter-spacing:-.025em}.decision-ticket .dark-button{width:100%;padding:15px 18px;min-height:49px;font-size:11px}.decision-ticket.is-agreed{transform:rotate(0)}.decision-ticket.is-agreed .result-mark{background:#d8dfbd;border-color:#9eab79;color:#60703c}.leave-open{display:block;text-align:center;background:transparent;font-size:9px;color:#8b7963;text-decoration:underline;text-underline-offset:4px;margin:16px auto 0;min-height:30px}
.closing-section{padding:90px 48px 80px;text-align:center;background:var(--paper);position:relative;overflow:hidden}.closing-section>.eyebrow{font-size:10px;color:#897563}.closing-section h2{font:450 clamp(80px,11vw,160px)/.86 var(--sans);letter-spacing:-.075em;margin-top:33px}.closing-section h2 em{font:400 1.1em/1 var(--serif);letter-spacing:-.06em;font-style:normal}.closing-link{display:inline-flex;align-items:center;gap:50px;font-size:13px;margin-top:40px;padding:18px 0;border-bottom:1px solid var(--ink)}.closing-link .icon{width:28px;height:28px;transform:rotate(-38deg);transition:transform .3s}.closing-link:hover .icon{transform:rotate(0deg)}.closing-section>p{font-size:10px;color:#907b69;margin-top:20px}.site-footer{padding:30px 48px 100px;background:var(--paper)}.site-footer>div{display:flex;gap:25px;justify-content:space-between;align-items:center;font-size:9px;color:#97816f;border-top:1px solid #cbbda849;padding-top:22px}.site-footer button{font-size:10px;color:#785d4c;background:transparent;display:flex;align-items:center;gap:10px}.site-footer button .icon{width:13px;height:13px}.footer-wordmark{display:block;font-size:23.8vw;line-height:1.05;letter-spacing:-.08em;font-weight:450;margin-left:-.04em;color:#513a49}.footer-wordmark span{color:var(--copper)}.site-footer>div:last-child{font-size:8px;padding-top:17px}.chapter-dock{position:fixed;z-index:50;bottom:18px;left:50%;transform:translate(-50%,100px);display:flex;gap:4px;padding:5px;background:#fcf7edeb;backdrop-filter:blur(14px);border:1px solid #b09b805e;border-radius:40px;box-shadow:0 3px 15px #291c2714;transition:transform .5s}.chapter-dock.is-visible{transform:translate(-50%,0)}.chapter-dock a{display:flex;align-items:center;gap:8px;border-radius:30px;white-space:nowrap;padding:12px 16px;font-size:10px;transition:background .3s,color .3s}.chapter-dock a span{font:11px var(--serif);color:#a48c71}.chapter-dock a[aria-current=step]{background:var(--ink);color:var(--paper)}.chapter-dock a[aria-current=step] span{color:#c5a484}.no-script{padding:25px;text-align:center;background:#e6c9ac;font-size:14px}.is-flying .collector{animation:collector-catch .5s .4s both}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform 1s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes seal-breathe{50%{box-shadow:0 4px 5px #2f182756,inset 0 1px 1px #f4cca0,inset 0 -2px 1px #7a462e,0 0 0 17px #bf875908}}@keyframes letter-emerge{from{opacity:0;transform:translateY(100px) rotate(-5deg)}to{opacity:1;transform:translateY(0) rotate(2deg)}}@keyframes collector-catch{50%{transform:rotate(-4deg) translateY(5px) scale(1.07)}}
@media(min-width:1500px){.hero-index{display:block}.hero-bottom>p{font-size:13px;max-width:290px}.round-link{margin-right:65px}.hero-topline{top:155px;left:5vw;right:5vw}.hero h1{top:210px}.hero-object{top:51%}.hero-bottom{left:5vw;right:5vw;bottom:50px}.moment-table{padding-block:100px 95px;min-height:570px}.moment-card{min-height:405px;padding:26px 29px}.moment-card>.drawing{width:135px;height:135px}.moment-caption{font-size:12px}.card-top{font-size:10px}.card-bottom{font-size:8px}}
@media(max-width:1100px){.chapter{padding-inline:35px}.hero h1{top:205px;font-size:12vw}.hero-object{top:54%;width:43vw}.hero-topline{top:143px;left:35px;right:35px}.hero-bottom{left:35px;right:35px}.hero-bottom>p{font-size:10px;max-width:26%}.round-link{width:105px;height:105px;margin-right:0;font-size:11px}.header-note{margin-left:20px}.moment-table{gap:3.3vw;padding-inline:5px}.moment-card{min-height:347px;padding:20px;width:27vw}.moment-title{font-size:28px}.moment-caption{font-size:9px}.table-aside{font-size:19px}.clarity-grid{gap:5vw;padding-inline:0}.writing-paper{padding-inline:24px}.rough-note{width:90%}.ritual-layout{grid-template-columns:220px 1fr;gap:5%}.ritual-margin{display:none}.ritual-object{height:500px}.ritual-envelope{top:175px}.ritual-aside h3{font-size:30px}.conversation-section[data-stage=opened] .ritual-envelope{top:237px}.open-letter{padding:24px;top:-76%;min-height:136%}.forward-grid{gap:7vw;padding-inline:0}.forward-story h2{font-size:7.1vw}.decision-ticket{padding-inline:23px}.ticket-tear{margin-inline:-23px}.agreement button{padding-inline:9px}.hero-scrap>span{font-size:25px}}
@media(max-width:800px) and (min-width:601px){.header-note{display:none}.hero{min-height:1050px}.hero-sticky{min-height:730px}.hero-object{width:50vw;top:52%}.hero h1{font-size:12.4vw;top:212px}.hero-bottom>p{max-width:34%}.hero-topline>span:last-child{font-size:8px}.hero-scrap{padding:19px}.hero-scrap>span{font-size:23px}.moment-table{flex-wrap:wrap;gap:36px;padding-top:60px}.moment-card{width:40%;min-height:350px}.laugh-card{--lift:10px}.moment-title{font-size:30px}.moments-intro{display:block}.moments-intro>p{margin-top:24px}.table-aside{top:10px}.clarity-grid{gap:30px}.clarity-story h2{font-size:48px}.clarity-story>p:not(.privacy-caption){font-size:11px}.writing-paper{padding:20px}.rough-note{padding:22px;width:100%}.rough-note blockquote{font-size:26px}.privacy-caption{font-size:8px}.chosen-words textarea{font-size:23px;min-height:166px}.reflection-prompts summary{font-size:11px;gap:8px}.reflection-prompts textarea{font-size:11px;padding-left:0}.ritual-layout{grid-template-columns:180px 1fr;gap:25px}.ritual-heading h2{font-size:9.4vw}.mode-switch{flex-direction:column;border-radius:4px}.mode-switch button{padding-inline:13px;border-radius:2px}.ritual-aside h3{font-size:27px}.ritual-aside p{font-size:11px}.ritual-envelope{top:160px;width:100%}.ritual-object{height:410px}.ritual-envelope .env-address>span{font-size:23px}.env-address small{font-size:6px}.ritual-wax i{font-size:36px}.open-letter{top:-105%;min-height:170%;padding:20px}.open-letter blockquote{font-size:28px}.letter-hand{font-size:20px}.open-letter footer{font-size:6px}.conversation-section[data-stage=opened] .ritual-object{height:520px}.ritual-bottom{font-size:8px;line-height:1.5}.forward-grid{gap:35px}.forward-story h2{font-size:7.4vw}.decision-ticket{padding-inline:18px}.ticket-tear{margin-inline:-18px}.decision-details{gap:12px}.decision-details label{font-size:6px}.decision-option{font-size:10px}.ticket-top small{font-size:6px}.agreement>div{flex-direction:column}.forward-hand{font-size:23px;max-width:190px;margin-left:0}.forward-hand span{right:-25px}.forward-flower{font-size:190px;margin-left:0}.decision-ticket .dark-button{font-size:10px;gap:13px;padding-inline:12px}}
@media(max-width:600px){html{scroll-padding-top:24px}.chapter{padding:33px 23px 42px}.section-kicker{font-size:8px;letter-spacing:.04em;gap:20px;padding-bottom:19px;align-items:start;line-height:1.5}.section-kicker>span:last-child{max-width:145px;text-align:right;justify-content:end}.site-header{height:84px;padding:0 23px;gap:15px}.wordmark{font-size:33px}.header-note{display:none}.header-actions{gap:15px}.beta-link{font-size:9px;gap:10px}.beta-link .icon{width:14px;height:14px}.menu-button{height:37px;width:37px}.hero{height:auto;min-height:0}.hero-sticky{height:100svh;min-height:800px;max-height:1000px;position:relative}.hero-topline{top:118px;left:23px;right:23px;font-size:9px}.hero-topline>span:last-child{display:none}.hero h1{top:173px;font-size:16.9vw;line-height:.86;transform:none;opacity:1;letter-spacing:-.07em}.hero h1>span{font-size:1.18em;line-height:.98}.hero-object{top:46%;width:76%;transform:translateX(-50%) rotate(-7deg);max-width:390px}.hero-envelope{box-shadow:9px 22px 25px -7px #392d343b}.hero-envelope .env-flap{transform:none}.hero-envelope .hero-wax{opacity:1;transform:rotate(-12deg)}.hero-scrap{padding:18px 15px;width:48%;height:100%;top:-28%;left:0;transform:rotate(-17deg)}.hero-scrap small{font-size:5px}.hero-scrap>span{font-size:20px;margin-top:14px}.hero-scrap .drawing{width:51px;height:51px;margin-top:10px}.scrap-two{left:auto;right:-7%;top:-19%;transform:rotate(18deg)}.hero-envelope .env-address>span{font-size:23px}.hero-envelope .env-address small{font-size:5px;margin-top:9px}.env-brand{font-size:10px}.wax i{font-size:35px}.hero-orbit{top:25%;width:170%;left:-30%;height:54%;transform:rotate(-30deg)}.hero-bottom{left:25px;right:25px;bottom:64px;gap:20px;align-items:end}.hero-bottom>p{font-size:10px;line-height:1.9;max-width:none;width:220px}.round-link{width:88px;height:88px;font-size:10px;gap:5px;flex:none;margin:0}.round-link .icon{width:20px;height:20px}.hero-margin{left:10px;top:43%;font-size:5px}.moments-intro{display:block;margin-top:36px}.moments-intro h2{font-size:12.1vw;line-height:1.05;letter-spacing:-.06em}.moments-intro>p{font-size:11px;line-height:1.8;margin-top:24px;max-width:300px}.desktop-br{display:none}.moment-table{display:flex;flex-direction:column;align-items:center;gap:36px;padding:57px 10px 37px;min-height:0}.table-aside{font-size:19px;right:0;top:16px}.table-aside br{display:none}.table-aside span{font-size:23px}.moment-card{width:min(88%,320px);min-height:360px;padding:23px 27px;--rotate:-5deg;--lift:0px}.distance-card{--rotate:4deg;--lift:0px;align-self:flex-end}.laugh-card{--rotate:-3deg;--lift:0px}.moment-card>.drawing{width:117px;height:117px;margin-block:18px}.moment-title{font-size:32px}.moment-caption{font-size:11px}.card-top{font-size:8px}.card-bottom{font-size:7px}.collection-bar{padding:21px 0;gap:15px;flex-wrap:wrap;max-width:350px}.collector{width:55px;height:35px}.collector b{left:21px;top:16px;font-size:7px;width:15px;height:15px}.collection-bar>div:nth-child(2){font-size:12px;max-width:240px}.collection-bar small{font-size:9px}.collection-bar .text-link{margin:7px 0 0 auto;font-size:12px}.clarity-section{padding-bottom:0}.clarity-grid{grid-template-columns:1fr;padding:37px 0 35px;gap:44px}.clarity-story h2{font-size:15vw}.clarity-story>p:not(.privacy-caption){font-size:12px;margin-top:23px;max-width:325px}.rough-note{width:85%;max-width:350px;margin-top:39px;margin-left:9px;padding:24px}.rough-note blockquote{font-size:28px}.rough-note>span:last-child{font-size:20px}.privacy-caption{font-size:9px;margin-top:24px}.unravel-line{height:180px;width:110%;bottom:1px;left:-30px}.writing-paper{padding:24px}.reflection-prompts summary{font-size:12px}.reflection-prompts textarea{font-size:12px}.chosen-words textarea{font-size:27px}.draft-tabs{gap:5px}.draft-tabs button{font-size:9px;padding:10px 11px}.empty-state{padding:36px 22px;min-height:330px}.empty-state h3{font-size:33px}.writing-desk .dark-button{font-size:12px;margin-top:24px}.thought-marquee{font-size:84px;margin-left:-100px;padding-bottom:17px;transform:none}.ritual-heading{display:block;padding:38px 0 0}.ritual-heading h2{font-size:13.5vw;line-height:.9}.ritual-heading h2 em{line-height:1.06}.mode-switch{display:inline-flex;margin:26px 0 0}.mode-switch button{font-size:10px;padding-inline:16px}.ritual-layout{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0}.ritual-aside{padding:34px 0 0}.small-cross{position:absolute;right:10px;top:29px;font-size:30px}.ritual-aside h3{font-size:31px}.ritual-aside p{font-size:12px;max-width:290px;margin-top:17px}.ritual-object{height:405px;max-width:420px;align-self:center;margin-top:15px}.ritual-envelope{top:140px;width:94%;max-width:370px;transform:translateX(-50%) rotate(-5deg)}.ritual-envelope .env-address>span{font-size:24px}.ritual-envelope .env-address small{font-size:5.5px}.env-lining::after{font-size:13px}.packed-papers span::before{font-size:14px;top:16px}.ritual-wax i{font-size:34px}.seal-controls{bottom:0}.seal-controls .light-button{font-size:12px;min-width:230px;min-height:50px}.seal-controls p{font-size:10px;max-width:300px}.ritual-bottom{margin-top:26px;padding-top:23px;display:block;font-size:9px;line-height:1.8}.ritual-bottom>span:last-child{display:block;margin-top:10px}.conversation-section:is([data-stage=sealed],[data-stage=ready]) .ritual-envelope{top:35px}.conversation-section:is([data-stage=sealed],[data-stage=ready]) .ritual-object{height:305px;margin-top:25px}.arrivals{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:410px}.arrivals button{padding:11px 9px;gap:8px}.arrivals button>span:first-child{height:26px;width:26px;font-size:17px}.arrivals button>span:nth-child(2){font-size:11px}.arrivals small{font-size:8px}.arrivals .icon{width:13px;height:13px}.conversation-section[data-stage=opened] .ritual-object{height:585px;margin-top:26px}.conversation-section[data-stage=opened] .ritual-envelope{top:330px}.open-letter{top:-132%;min-height:191%;left:1%;right:1%;padding:24px;transform:rotate(2deg)}.open-letter blockquote{font-size:32px;line-height:1.08;margin-top:22px}.letter-hand{font-size:22px}.open-letter footer{font-size:6.5px;line-height:1.6}.open-letter>div{font-size:16px;padding-bottom:15px}.letter-nav{margin-top:22px}.conversation-room{margin-top:18px;padding-top:25px}.conversation-steps{gap:6px}.conversation-steps button{padding:11px 13px;gap:6px;font-size:10px}#conversation-prompt{font-size:31px;margin-top:23px}#prompt-note{font-size:10px;line-height:1.7}.light-link{font-size:12px}.forward-grid{grid-template-columns:1fr;gap:48px;padding:38px 0 18px}.forward-story h2{font-size:15.6vw;line-height:.99}.forward-story>p:not(.forward-hand){font-size:12px;margin-top:24px;max-width:300px}.forward-hand{font-size:26px;max-width:210px;margin:27px 0 0 8px}.forward-hand span{right:-44px;top:4px;font-size:35px;transform:rotate(70deg)}.forward-flower{position:absolute;font-size:116px;right:-3px;bottom:-18px;margin:0;opacity:.7;transform-origin:center}.decision-ticket{margin-inline:4px;padding:23px 23px 18px;transform:rotate(1.5deg)}.decision-ticket .empty-state{min-height:395px}.ticket-number{font-size:100px}.ticket-top small{font-size:6px}.decision-ticket legend{font-size:30px}.decision-option{font-size:11px;padding-block:15px}#decision-words{font-size:25px}.decision-details{gap:18px}.decision-details label{font-size:6.5px}.decision-details select{font-size:11px;min-height:42px}.agreement button{min-height:45px}.ticket-tear{margin-inline:-23px}.ticket-result p{font-size:27px}.leave-open{font-size:9px;line-height:1.6;min-height:40px}.closing-section{padding:65px 23px 55px}.closing-section h2{font-size:17vw;margin-top:32px}.closing-link{font-size:12px;gap:28px;margin-top:30px}.closing-section>p{font-size:9px}.site-footer{padding:25px 23px 100px}.site-footer>div{flex-wrap:wrap;gap:19px;font-size:8px}.site-footer>div:first-child>span:last-child{width:100%;font-size:8px}.site-footer>div:last-child{font-size:7px;gap:16px}.site-footer>div:last-child>span:nth-child(2){order:4;width:100%;line-height:1.6}.site-footer button{font-size:9px}.footer-wordmark{font-size:24vw;margin-top:5px;line-height:1.3}.chapter-dock{bottom:12px;max-width:calc(100% - 22px);padding:4px;gap:2px;width:max-content}.chapter-dock a{padding:11px 12px;font-size:9px;gap:5px}.chapter-dock a span{font-size:10px}#chapter-menu{padding:24px}#chapter-menu nav a{font-size:34px;padding-block:23px;gap:14px}#chapter-menu nav a>small{width:15px;font-size:8px}#chapter-menu nav a>span{font-size:24px}.menu-top+.eyebrow{margin-top:62px}.menu-bottom{font-size:10px}}
@media(max-width:360px){.hero h1{font-size:16.5vw;top:182px}.hero-object{top:46%;width:78%}.hero-sticky{min-height:750px}.hero-bottom{bottom:50px;gap:14px;left:23px;right:23px}.hero-bottom>p{font-size:9px;max-width:180px}.round-link{width:73px;height:73px;font-size:9px}.hero-scrap>span{font-size:17px}.hero-scrap{padding:15px 11px}.hero-envelope .env-address>span{font-size:20px}.hero-envelope .env-address small{font-size:4.5px}.beta-link{font-size:8px;gap:6px}.header-actions{gap:10px}.wordmark{font-size:30px}.moment-card{width:94%;min-height:350px;padding:21px}.moment-title{font-size:29px}.moment-caption{font-size:10px}.chapter-dock a{padding:11px 9px;font-size:8px;gap:4px}.chapter-dock a span{font-size:9px}.collection-bar{gap:12px}.collection-bar>div:nth-child(2){font-size:11px;max-width:190px}.collection-bar small{font-size:8px}.writing-paper{padding:20px}.chosen-words textarea{font-size:25px}.draft-tabs button{font-size:8px;padding:9px}.ritual-object{height:365px}.ritual-envelope{top:131px}.ritual-envelope .env-address>span{font-size:21px}.ritual-envelope .env-address small{font-size:4.5px}.ritual-wax i{font-size:31px}.conversation-section[data-stage=opened] .ritual-object{height:600px}.conversation-section[data-stage=opened] .ritual-envelope{top:350px}.open-letter{top:-170%;min-height:233%;padding:21px}.open-letter blockquote{font-size:29px}.arrivals button{gap:6px;padding-inline:7px}.arrivals button>span:first-child{width:22px;height:22px}.arrivals small{font-size:7px}.conversation-steps button{padding:10px;font-size:9px}.decision-ticket{padding-inline:18px}.ticket-tear{margin-inline:-18px}.decision-details{gap:12px}.decision-ticket .dark-button{font-size:10px;gap:12px;padding-inline:12px}.decision-ticket legend{font-size:28px}.agreement button{font-size:10px;padding-inline:8px}.agreement button span{font-size:8px}.leave-open{font-size:8px}.ticket-bottom{font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero{height:100svh;min-height:700px}.hero h1{transform:none!important;opacity:1!important}.hero-object{transform:translateX(-50%) rotate(-7deg)!important}.hero-envelope .env-flap{transform:none!important}.hero-envelope .hero-wax{opacity:1!important}.hero-scrap{transform:rotate(-17deg)!important}.scrap-two{transform:rotate(18deg)!important}.reveal{opacity:1!important;transform:none!important}.hero-orbit,.thought-marquee,.forward-flower{transform:none!important}}
html.motion-off{scroll-behavior:auto}.motion-off *, .motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .hero{height:100svh;min-height:700px}.motion-off .hero h1{transform:none!important;opacity:1!important}.motion-off .hero-object{transform:translateX(-50%) rotate(-7deg)!important}.motion-off .hero-envelope .env-flap{transform:none!important}.motion-off .hero-envelope .hero-wax{opacity:1!important}.motion-off .hero-scrap{transform:rotate(-17deg)!important}.motion-off .scrap-two{transform:rotate(18deg)!important}.motion-off .reveal{opacity:1!important;transform:none!important}.motion-off .hero-orbit,.motion-off .thought-marquee,.motion-off .forward-flower{transform:none!important}
.floating-pocket{position:fixed;z-index:49;right:26px;bottom:91px;background:#fff8ebef;border:1px solid #b7a0846b;border-radius:4px;box-shadow:0 5px 22px #41233317;padding:14px 17px;display:flex;align-items:center;gap:15px;backdrop-filter:blur(10px)}.floating-pocket>.collector{display:block;width:45px;height:30px}.floating-pocket .collector b{width:14px;height:14px;left:17px;top:14px;font-size:7px}.floating-pocket>span:last-child{font-size:10px;display:flex;gap:18px}.floating-pocket:hover{background:#fffaf2}@media(max-width:600px){.floating-pocket{right:18px;bottom:78px;padding:12px 14px;gap:12px}}
/* A blank seal is absent; an opened letter stays above the folds so long words never disappear. */
.conversation-section[data-stage=draft] .ritual-wax,.conversation-section[data-stage=sealing] .ritual-wax{opacity:0;visibility:hidden}
.conversation-section[data-stage=opened] .open-letter{z-index:10}
.open-letter.is-long blockquote{font-size:30px;line-height:1.12}
@media(max-width:800px){.open-letter.is-long blockquote{font-size:24px;line-height:1.15}}
.decision-option input{inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.beta-link{min-height:40px}
#keepsake-dialog{border:0;background:#fff9eb;color:var(--ink);width:min(480px,calc(100% - 36px));padding:43px 36px 26px;box-shadow:0 30px 120px #140b1650;max-height:90dvh;overflow:auto;transform:rotate(-1deg)}#keepsake-dialog::backdrop{background:#291c2bc9;backdrop-filter:blur(6px)}#close-keepsake{position:absolute;top:8px;right:12px;background:none;font-size:27px;width:36px;height:36px;color:#92755e}#keepsake-dialog>.eyebrow{font-size:8px;color:#8b7358}#keepsake-title{font:53px/.93 var(--serif);letter-spacing:-.04em;margin-top:24px}#keepsake-words{font:28px/1.2 var(--serif);letter-spacing:-.02em;margin-top:31px;overflow-wrap:anywhere;white-space:pre-wrap}.keepsake-details{display:flex;flex-direction:column;gap:8px;font-size:10px;margin-top:24px;color:#8e7861}.keepsake-stamp{display:flex;align-items:center;justify-content:center;gap:16px;border:1px solid #8c9b72;padding:13px 16px;font:23px var(--hand);color:#74815c;width:max-content;margin:30px auto;transform:rotate(-8deg)}.keepsake-stamp>.icon{width:18px;height:18px}.keepsake-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px dashed #bfad94;padding-top:22px;font-size:10px}.keepsake-actions button{background:none;padding:10px 0;color:inherit;display:flex;gap:15px;font-size:11px}.keepsake-help{font-size:9px;line-height:1.6;color:#9d856b;margin-top:16px}@media(max-width:360px){#keepsake-dialog{padding:35px 23px 22px}#keepsake-title{font-size:43px}#keepsake-words{font-size:25px}.keepsake-actions{gap:12px;font-size:9px}}


/* Sayward: the week, the conversation, and the decisions that follow. */
.site-header{color:var(--cream)}
.wordmark{display:flex;align-items:center;gap:11px;font:40px/1 var(--serif);letter-spacing:-1.5px}
.wordmark .brand-mark{display:grid;place-items:center;height:24px;width:24px;border:1px solid #e0b453aa;border-radius:50%;font:19px var(--serif);color:var(--gold);background:radial-gradient(circle at 35% 25%,#e0b45344,#4b2737);box-shadow:0 0 18px #e0b45325}
.header-note,.beta-link{font-weight:600}.header-note{color:#f5ecdfaa}.menu-button{border-color:#f5ecdf55;color:var(--cream)}.menu-button span{background:currentColor}
#chapter-menu{background:var(--night);color:var(--cream)}#chapter-menu nav a{font-family:var(--serif);font-weight:400;letter-spacing:-.03em}#chapter-menu nav a>span{color:var(--ember)}.menu-top>span{font:36px var(--serif);letter-spacing:-1px}.menu-top+.eyebrow{color:var(--ember)}
.hero{color:var(--cream);background:radial-gradient(ellipse at 52% 68%,#321d2b 0%,#130d15 64%)}
.hero h1{font:400 clamp(96px,9.2vw,150px)/.89 var(--serif);letter-spacing:-.045em;top:179px}
.hero h1>span{font:italic 1.05em/.98 var(--serif);letter-spacing:-.045em;color:var(--ember)}
.hero-topline{color:#f5ecdfa3}.hero-margin{color:#f5ecdf69}.hero-orbit{opacity:.45}.hero-orbit path{stroke:#e0b45366}.hero-index{color:#f5ecdf99}.hero-bottom>p{font-size:12px;color:#f5ecdfba;line-height:1.8}.hero-bottom strong{color:var(--cream);font-weight:700}
.round-link{border-color:#e0b45388;color:var(--cream);font-weight:600}.round-link:hover{background:#4b2737;color:var(--cream)}.round-link .icon{color:var(--ember)}
.hero-scrap{color:var(--ink);background:var(--paper);border-color:#f5ecdf66}.hero-scrap>span{font:400 26px/1.08 var(--serif);letter-spacing:-.03em}.hero-scrap small{color:#644536;font-size:7px}.hero-scrap .drawing{color:#925d41}.scrap-two{background:#f5ecdf}
.hero-envelope{box-shadow:15px 29px 50px -8px #0009}
.env-back{background:#321d2b;border-color:#754557}.env-lining{background:#20121d}.env-lining::after{content:'prepared by you. opened together.';color:#f1dfc5;font:11px var(--sans)}
.env-left{background:linear-gradient(110deg,#663849,#4b2737)}.env-right{background:linear-gradient(220deg,#542b3c,#321d2b)}.env-front{background:linear-gradient(165deg,#673749,#4b2737 85%);border-color:#f5ecdf19}.env-flap{background:linear-gradient(155deg,#794352,#4b2737 90%)}.env-flap::after{background:linear-gradient(155deg,#73404f,#512a3a)}
.env-address>span,.hero-envelope .env-address>span,.ritual-envelope .env-address>span{font:500 clamp(12px,1.3vw,19px)/1.3 var(--sans);letter-spacing:-.035em;color:var(--cream)}.env-address small{color:#f5ecdf99}.env-brand{font-family:var(--serif);color:#f5ecdf66;font-size:17px;letter-spacing:-.5px}
.chapter h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:.99}.chapter h2 em{font-style:italic;color:var(--ember);letter-spacing:-.045em}
.section-kicker{font-weight:600;letter-spacing:.06em}.moments-section,.forward-section{background:var(--night-2);color:var(--cream)}.moments-section .section-kicker,.forward-section .section-kicker{border-color:#f5ecdf26;color:#f5ecdfa8}.moments-intro>p{color:#f5ecdfac;font-size:13px;line-height:1.9}.moments-intro h2{font-size:clamp(54px,6.9vw,108px)}
.agenda-board{margin-top:62px}.agenda-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:25px}.agenda-heading .eyebrow{color:var(--ember);font-size:10px;font-weight:700}.agenda-heading h3{font:36px/1.1 var(--serif);letter-spacing:-.035em}.topic-list{border-top:1px solid #f5ecdf33}
.topic-row{display:grid;grid-template-columns:35px 185px 1fr 36px;align-items:center;gap:25px;width:100%;min-height:90px;padding:18px 12px;border-bottom:1px solid #f5ecdf26;text-align:left;color:var(--cream);background:transparent;transition:background .25s,padding .25s}.topic-row:not(:disabled):hover{background:#321d2b;padding-inline:20px}.topic-index{font:14px var(--serif);color:#e0b453a8}.topic-category{font-size:11px;font-weight:650;letter-spacing:.01em;color:#f5ecdfb8}.topic-question{font:28px/1.15 var(--serif);letter-spacing:-.02em}.topic-add{display:grid;place-items:center;border:1px solid #f5ecdf44;border-radius:50%;height:34px;width:34px;color:var(--ember);transition:transform .3s,background .3s;font:25px var(--serif)}.topic-add .icon{width:17px;height:17px}.topic-row[aria-pressed=true]{background:#3b2330}.topic-row[aria-pressed=true] .topic-add{transform:rotate(45deg);color:var(--night);background:var(--ember);border-color:var(--ember)}.topic-row:disabled{opacity:.75}.topic-row.paper-flight{border:1px solid #d8b9a2;background:var(--paper);color:var(--ink);box-shadow:0 12px 30px #0004}.topic-row.paper-flight .topic-category{color:var(--ink)}
.custom-topic{border-bottom:1px solid #f5ecdf26}.custom-topic summary{font-size:12px;font-weight:600;cursor:pointer;padding:23px 12px;color:#f5ecdfb8}.custom-topic[open] summary{color:var(--ember)}#custom-topic-form{padding:6px 12px 30px;display:grid;grid-template-columns:1fr 1.4fr;gap:20px;align-items:start}#custom-topic-form label{font-size:10px;letter-spacing:.04em;color:#f5ecdfaa;display:grid;gap:10px}#custom-topic-form input,#custom-topic-form textarea{width:100%;min-width:0;padding:14px;border:1px solid #f5ecdf33;border-radius:2px;background:#130d15;color:var(--cream);font:13px/1.65 var(--sans)}#custom-topic-form textarea{min-height:108px}#custom-topic-form input::placeholder,#custom-topic-form textarea::placeholder{color:#f5ecdf69}#custom-topic-form .dark-button{background:var(--cream);color:var(--ink);justify-self:start;grid-column:1/-1;font-weight:700}#custom-topic-feedback{font-size:12px;color:var(--ember);grid-column:1/-1;line-height:1.6}#custom-topic-feedback:empty{display:none}
.felt-divider{margin-top:75px;padding-top:30px;border-top:1px solid #f5ecdf26;display:grid;grid-template-columns:1fr 1fr;gap:18px}.felt-divider .eyebrow{color:var(--ember);font-weight:700;grid-column:1/-1}.felt-divider h3{font:42px/1.1 var(--serif);letter-spacing:-.025em}.felt-divider>p:last-child{max-width:390px;justify-self:end;font:13px/1.8 var(--sans);color:#f5ecdfaa}
.moment-table{padding-top:68px;min-height:480px}.table-aside{font:11px/1.6 var(--sans);color:#f5ecdf88;top:29px;transform:none}.moment-card{background:var(--paper);color:var(--ink);border-color:#ffe5c344}.distance-card{background:#eddbca}.laugh-card{background:var(--cream)}.moment-card[aria-pressed=true]{outline-color:var(--ember)}.moment-card .moment-title{font:400 37px/.98 var(--serif);letter-spacing:-.035em}.moment-caption{font:12px/1.7 var(--sans);color:#64534f}.card-top{font-size:10px}.card-top i{background:#4b7d62}.distance-card .card-top i,.laugh-card .card-top i{background:#a44e53}.card-bottom{font-size:8px}.chosen-stamp{font:10px/1.3 var(--sans);letter-spacing:.03em;color:#693b27;border-color:#9c5739}.moment-card>.drawing{color:#7e5345}.moment-card[aria-pressed=true] .card-plus{background:var(--wine);color:var(--cream)}
.collection-bar{border-color:#f5ecdf33}.collection-bar small{color:#f5ecdf99}.collection-bar .text-link{color:var(--ember)}.collector{background:#674052}.collector>span{background:#4b2737}.collector b{background:var(--gold);color:var(--ink)}
.clarity-section{background:var(--cream)}.clarity-section h2 em{color:#a94e2c}.clarity-story>p:not(.privacy-caption){font-size:13px;line-height:1.9;color:#634e59}.rough-note{background:#e6d7c6;transform:rotate(-4deg)}.rough-note blockquote{font:14px/1.8 var(--sans);color:#5b414f}.rough-note>span:last-child{font:10px/1.65 var(--sans);color:#715a63}.rough-note small{font-size:8px;color:#75645d}.privacy-caption{font-size:10px;color:#6f5964}.writing-paper{background:#fff9ee}.paper-heading{gap:16px;font-size:8px;line-height:1.65}.draft-tabs button{font-size:10px;max-width:100%;overflow-wrap:anywhere;min-height:39px}.draft-tabs button[aria-pressed=true]{background:var(--wine);color:var(--cream);border-color:var(--wine)}.reflection-prompts summary{font-size:12px}.reflection-prompts textarea{font-size:12px;line-height:1.8}.chosen-words textarea{font:17px/1.7 var(--sans);letter-spacing:-.02em;min-height:200px}.word-meta{font-size:9px}.thought-marquee{color:#b28164;opacity:.65;font-family:var(--serif);font-style:italic}.empty-state h3{font-family:var(--serif);font-weight:400}.empty-state p{font-size:12px;line-height:1.8}.writing-desk .dark-button{background:var(--wine);font-weight:650}.unravel-line{opacity:.35}
.conversation-section{background:radial-gradient(ellipse at 65% 45%,#4b2737,#321d2b 55%,#1c1420);color:var(--cream)}.ritual-aside p{font-size:13px;line-height:1.85;color:#f5ecdfad}.ritual-aside h3{font-weight:400;letter-spacing:-.025em}.ritual-heading h2{font-size:clamp(70px,8vw,124px)}.mode-switch{border-color:#f5ecdf33}.mode-switch button[aria-pressed=true]{background:var(--cream);color:var(--ink)}.ritual-margin{color:#f5ecdf55}.ritual-bottom{color:#f5ecdfa8;border-color:#f5ecdf26}.ritual-bottom>span:last-child{color:#f5ecdfb8}.small-cross{color:var(--gold)}
.open-letter{background:#fff9ee}.open-letter>div>span{font:24px var(--serif);letter-spacing:-.03em}.open-letter>div>small{font:8px var(--sans);letter-spacing:.05em;color:#97533b}#letter-title{font:35px/1.05 var(--serif);letter-spacing:-.025em;margin-top:22px}.open-letter blockquote,.open-letter.is-long blockquote{font:15px/1.8 var(--sans);letter-spacing:-.015em;margin-top:18px;overflow-wrap:anywhere;white-space:pre-wrap}.letter-hand{font:9px/1.65 var(--sans);letter-spacing:.025em;color:#846657;margin-top:26px;transform:none}.open-letter footer{font:7px/1.6 var(--sans);letter-spacing:.025em;gap:10px;margin-top:24px}.packed-papers span::before{font:15px var(--serif);color:#68413a}.packed-papers span:nth-child(1)::before{content:'The week ahead.'}.packed-papers span:nth-child(2)::before{content:'What needs a conversation.'}.packed-papers span:nth-child(3)::before{content:'How we’re doing.'}
.meeting-agenda{text-align:left;max-width:830px;margin:0 auto 38px}.meeting-agenda>p{font-size:9px;letter-spacing:.09em;color:var(--ember);margin-bottom:16px}#meeting-agenda{display:flex;flex-wrap:wrap;gap:8px}#meeting-agenda button{border:1px solid #f5ecdf30;background:transparent;color:#f5ecdfba;padding:12px 15px;border-radius:2px;font-size:11px;max-width:100%;overflow-wrap:anywhere}#meeting-agenda button[aria-pressed=true]{background:var(--cream);color:var(--ink);border-color:var(--cream)}.conversation-steps button{min-height:44px}#conversation-prompt{font-size:clamp(30px,4vw,53px)}#prompt-note{font-size:12px;color:#f5ecdfad}.seal-controls p{color:#f5ecdfbb}
.forward-story>p:not(.forward-hand){color:#f5ecdfad;font-size:13px;line-height:1.9}.forward-hand{font:12px/1.8 var(--sans);color:var(--ember);transform:none;margin-left:0;max-width:220px}.forward-hand span{display:none}.forward-flower{color:#704332;font-size:240px;font-weight:400;transform:rotate(calc(-15deg + var(--forward-progress,0)*30deg));transform-origin:center}.forward-story h2{font-size:clamp(52px,6.7vw,102px)}
.decision-ticket{color:var(--ink);background:var(--cream);transform:rotate(1deg);box-shadow:5px 20px 50px #0005}.ticket-top>span{font:28px var(--serif);letter-spacing:-.8px}.ticket-top small{font-size:8px}.ticket-number{color:#c6a991}.ticket-top,.decision-option{border-color:#c4ad9655}.decision-context{margin-top:24px}.decision-context .small-label{font-size:9px;margin-top:0}.decision-context select{width:100%;max-width:100%;border:0;border-bottom:1px solid #c7b69c;border-radius:0;background:transparent;padding:13px 20px 13px 0;font:24px var(--serif);color:var(--ink)}#decision-progress{font-size:10px;color:#755647;margin-top:12px}.decision-ticket fieldset{margin-block:25px}.decision-ticket legend{font-size:29px}.decision-option{font-size:11px;line-height:1.65;min-height:48px}.decision-option input:checked~i::after{background:var(--wine)}.small-label{font-size:9px;color:#755647}#decision-words{font:14px/1.8 var(--sans);letter-spacing:-.015em;min-height:154px}.decision-details{grid-template-columns:1fr 1fr;gap:20px}.decision-details label{font-size:8px;line-height:1.7;color:#755647}.decision-details label:first-child{grid-column:1/-1}.decision-details select{font-size:12px;min-height:44px;color:var(--ink);text-overflow:ellipsis;padding-right:19px}.agreement>p{font-size:12px}.agreement button{font-size:12px;min-height:46px}.agreement button span{font-size:9px;color:#755647}.agreement>small{font-size:9px;line-height:1.7;color:#755647}.agreement button[aria-pressed=true]{background:#e7d8c5;border-color:#a67c53}.agreement button[aria-pressed=true] span{color:#734b2e}.decision-ticket .dark-button{background:var(--wine);font-size:12px;font-weight:650}.decision-ticket.is-agreed .result-mark{background:#e7d8c5;border-color:#a67c53;color:#734b2e}.leave-open{font-size:10px;color:#73584b}.ticket-result p{font-size:29px}.ticket-bottom{font-size:7px;color:#78604e}.decision-ledger{border-top:1px solid #c7b69c;margin-top:27px;padding-top:20px}.decision-ledger>p{font-size:8px;letter-spacing:.06em;color:#755647;margin-bottom:10px}.decision-ledger button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px 0;border-bottom:1px solid #c4ad9644;text-align:left;background:transparent;font-size:11px;min-height:44px}.decision-ledger button>span{overflow-wrap:anywhere}.decision-ledger small{font-size:8px;white-space:nowrap;color:#876244}.decision-ledger button[aria-pressed=true]>span{font-weight:800}
.closing-section{background:var(--wine);color:var(--cream)}.closing-section h2{font:400 clamp(75px,10.6vw,160px)/.96 var(--serif);letter-spacing:-.04em}.closing-section h2 em{color:var(--ember);font-style:italic}.closing-section>.eyebrow{color:#f5ecdfa8}.closing-section>p{color:#f5ecdf99}.closing-link{color:var(--cream);border-color:#f5ecdf88}.site-footer{background:var(--night);color:#f5ecdfaa}.site-footer>div{border-color:#f5ecdf26}.footer-wordmark{font-family:var(--serif);font-weight:400;font-size:25vw;letter-spacing:-.07em;color:var(--cream)}.site-footer>div:last-child{color:#f5ecdf88}
.chapter-dock{background:#251925ed;border-color:#f5ecdf33;color:var(--cream)}.chapter-dock a{font-weight:600}.chapter-dock a span{color:var(--ember)}.chapter-dock a[aria-current=step]{background:var(--cream);color:var(--ink)}.chapter-dock a[aria-current=step] span{color:#975334}.floating-pocket{background:#f5ecdfef;color:var(--ink);border-color:#c5a883}.floating-pocket>span:last-child{font-size:10px;font-weight:600}#keepsake-dialog{background:var(--cream);transform:none}#keepsake-title{font-size:49px}#keepsake-words{font:15px/1.8 var(--sans);letter-spacing:0}.keepsake-details{color:#755647;font-size:12px;line-height:1.65}.keepsake-stamp{font:600 12px var(--sans);color:#774a2d;border-color:#a67c53;transform:rotate(-3deg)}.keepsake-actions{font-size:10px}.keepsake-help{font-size:10px;color:#755647}
@media(min-width:1500px){.hero h1{top:190px}.hero-object{top:55%}.hero-bottom>p{font-size:13px}}
@media(max-width:1100px){.topic-row{grid-template-columns:25px 142px 1fr 34px;gap:20px}.topic-question{font-size:25px}.hero h1{font-size:10vw;top:183px}.hero-scrap>span{font-size:23px}.hero-bottom>p{font-size:11px}.felt-divider h3{font-size:36px}.moment-card .moment-title{font-size:32px}.moment-caption{font-size:10px}.agenda-heading h3{font-size:31px}.hero-object{top:54%}}
@media(max-width:800px) and (min-width:601px){.hero h1{top:182px;font-size:11.6vw}.topic-row{grid-template-columns:22px 125px 1fr 32px;gap:13px}.topic-question{font-size:23px}.topic-category{font-size:10px}.moments-intro h2{font-size:65px}.felt-divider{grid-template-columns:1fr}.felt-divider>p:last-child{justify-self:start}.clarity-story h2{font-size:53px}.chosen-words textarea{font-size:15px}.ritual-heading h2{font-size:77px}.open-letter blockquote,.open-letter.is-long blockquote{font-size:13px;line-height:1.8}#letter-title{font-size:29px}.decision-ticket{padding-inline:19px}.forward-story h2{font-size:54px}.forward-flower{font-size:175px;margin-left:0}.decision-context select{font-size:22px}.decision-details{grid-template-columns:1fr;gap:10px}.decision-details label:first-child{grid-column:auto}.ticket-result p{font-size:26px}.decision-option{font-size:10px}.agenda-heading{align-items:start}.agenda-heading .eyebrow{max-width:100px;line-height:1.7}}
@media(max-width:600px){
 .wordmark{font-size:31px;gap:7px;letter-spacing:-1px}.wordmark .brand-mark{height:19px;width:19px;font-size:15px}.header-actions{gap:12px}.beta-link{font-size:8px;gap:6px}.header-note{display:none}.hero-sticky{min-height:780px}.hero h1{top:173px;font-size:17vw;line-height:.95;letter-spacing:-.04em}.hero h1>span{font-size:1.04em;line-height:1.04}.hero-object{top:49%;width:76%}.hero-scrap>span{font-size:22px}.hero-scrap small{font-size:5px}.hero-topline{font-size:8px;letter-spacing:.04em}.hero-bottom>p{font-size:11px;line-height:1.9;max-width:none;width:210px}.hero-bottom{bottom:60px;gap:15px}.hero-envelope .env-address>span,.ritual-envelope .env-address>span{font-size:13px}.env-brand{font-size:12px}.env-address small{font-size:5px}.hero-envelope .env-address small{font-size:5px}.hero-margin{font-size:5px}.round-link{font-size:10px}
 .moments-intro h2{font-size:15vw}.moments-intro>p{font-size:12px}.agenda-board{margin-top:44px}.agenda-heading{display:block;margin-bottom:23px}.agenda-heading h3{font-size:32px;margin-top:13px}.agenda-heading .eyebrow{font-size:9px}.topic-row{grid-template-columns:22px 1fr 30px;gap:7px 13px;padding:19px 0;min-height:107px}.topic-index{grid-column:1;grid-row:1/3;align-self:center;font-size:12px}.topic-category{grid-column:2;grid-row:1;font-size:9px;color:#f5ecdf8c;font-weight:650}.topic-question{grid-column:2;grid-row:2;font-size:24px;line-height:1.15}.topic-add{grid-column:3;grid-row:1/3;height:29px;width:29px}.topic-row:not(:disabled):hover{padding-inline:4px}.topic-row[aria-pressed=true]{padding-inline:8px}.custom-topic summary{font-size:11px;padding-inline:0}#custom-topic-form{grid-template-columns:1fr;padding-inline:0;gap:20px}#custom-topic-form input,#custom-topic-form textarea{font-size:13px}#custom-topic-form .dark-button{padding:15px 18px;min-height:48px}.felt-divider{margin-top:45px;padding-top:30px;grid-template-columns:1fr;gap:14px}.felt-divider h3{font-size:35px}.felt-divider .eyebrow{font-size:9px}.felt-divider>p:last-child{font-size:12px;justify-self:start}.moment-table{padding-top:60px;gap:40px}.table-aside{font-size:10px;top:25px}.moment-card .moment-title{font-size:38px}.moment-caption{font-size:11px}.card-top{font-size:9px}.card-bottom{font-size:7px}.collection-bar{max-width:none}.collection-bar>div:nth-child(2){max-width:calc(100% - 72px)}.collection-bar small{font-size:9px;line-height:1.8}.collection-bar .text-link{font-size:11px}.floating-pocket>span:last-child{font-size:9px}
 .clarity-story h2{font-size:16vw}.clarity-story>p:not(.privacy-caption){font-size:12px}.rough-note blockquote{font-size:14px}.rough-note{width:89%;padding:24px}.rough-note>span:last-child{font-size:10px}.privacy-caption{font-size:9px}.chosen-words textarea{font-size:16px;min-height:223px;line-height:1.8}.paper-heading{font-size:7px}.draft-tabs button{font-size:10px;line-height:1.5}.word-meta{line-height:1.7;gap:15px}.thought-marquee{font-size:73px}.ritual-heading h2{font-size:16vw;line-height:.98}.ritual-aside h3{font-size:31px}.ritual-aside p{font-size:12px}.open-letter blockquote,.open-letter.is-long blockquote{font-size:14px;line-height:1.8}#letter-title{font-size:33px;margin-top:21px}.letter-hand{font-size:8px;line-height:1.8;margin-top:22px}.open-letter footer{font-size:6px;margin-top:20px}.open-letter>div>span{font-size:23px}.open-letter>div>small{font-size:7px}.ritual-bottom{font-size:9px}#meeting-agenda button{font-size:10px;padding:12px}.meeting-agenda{margin-bottom:26px}.meeting-agenda>p{font-size:8px}#conversation-prompt{font-size:33px}#prompt-note{font-size:11px}.conversation-steps button{font-size:10px;padding:11px 12px}.seal-controls p{font-size:10px}.forward-story h2{font-size:15.7vw}.forward-story>p:not(.forward-hand){font-size:12px;max-width:320px}.forward-hand{font-size:11px;margin-left:0;max-width:215px}.forward-flower{font-size:117px;right:0;bottom:-15px}.decision-ticket{transform:none;margin-inline:0}.decision-context select{font-size:26px}.decision-option{font-size:11px}#decision-words{font-size:14px;min-height:191px}.decision-details{gap:18px}.decision-details label{font-size:8px}.decision-details select{font-size:12px}.ticket-top small{font-size:7px}.ticket-result p{font-size:28px}.decision-ledger button{font-size:10px}.decision-ledger small{font-size:8px}.closing-section h2{font-size:17.5vw}.closing-section>.eyebrow{font-size:8px}.footer-wordmark{font-size:25.8vw}.chapter-dock a{font-size:9px;padding:11px 12px}
}
@media(max-width:360px){.wordmark{font-size:27px;gap:6px}.wordmark .brand-mark{height:17px;width:17px;font-size:13px}.header-actions{gap:8px}.beta-link{font-size:7px}.menu-button{width:32px;height:32px}.hero h1{font-size:17vw;top:176px}.hero-object{top:47.5%;width:79%}.hero-sticky{min-height:760px}.hero-bottom{bottom:56px;gap:13px}.hero-bottom>p{font-size:10px;width:174px}.hero-scrap>span{font-size:19px}.hero-envelope .env-address>span,.ritual-envelope .env-address>span{font-size:11px}.hero-envelope .env-address small{font-size:4px}.topic-question{font-size:22px}.topic-row{gap:7px 10px}.moment-card .moment-title{font-size:35px}.chosen-words textarea{font-size:15px}.draft-tabs button{font-size:9px}.decision-ticket{padding-inline:19px}.decision-ticket legend{font-size:28px}.decision-context select{font-size:24px}.decision-option{font-size:10px}.agreement button{font-size:11px;padding-inline:8px}.agreement button span{font-size:9px}.chapter-dock a{font-size:8px;padding:11px 9px}.conversation-steps button{font-size:9px;padding-inline:10px}.open-letter blockquote,.open-letter.is-long blockquote{font-size:13px}.open-letter{padding:22px}#letter-title{font-size:29px}.decision-ledger small{font-size:7px}}

.round-link{background:var(--cream);color:var(--ink)}.round-link .icon{color:#a94e2c}.round-link:hover{background:var(--ember);color:var(--ink)}.round-link:hover .icon{color:var(--ink)}
#keepsake-topic{font:600 11px/1.6 var(--sans);color:#975334;margin-top:25px}#keepsake-words{margin-top:15px}
@media(min-width:601px){.hero h1{font-size:clamp(88px,8vw,130px);top:157px}.hero-object{width:clamp(330px,34vw,510px);top:57%}.hero-scrap{top:0;transform:translate(calc(var(--hero-progress,0)*-150px),calc(var(--hero-progress,0)*-80px)) rotate(-11deg)}.hero-scrap.scrap-two{top:-1%;transform:translate(calc(var(--hero-progress,0)*150px),calc(var(--hero-progress,0)*-110px)) rotate(13deg)}}
@media(min-width:1500px){.hero h1{top:181px}.hero-object{top:57%}}
@media(max-width:800px) and (min-width:601px){.hero h1{font-size:11.3vw;top:177px}.hero-object{width:48vw;top:56%}}

#conversation[data-mode=solo] .env-lining::after{content:"prepared by you. space to think."}


/* Real product screens: unchanged captures, framed with CSS crops. */
.hero-preview-link{display:inline-flex;align-items:center;gap:18px;margin-top:14px;color:var(--ember);font-size:11px;font-weight:650;border-bottom:1px solid #f38a5d66;padding-bottom:5px;pointer-events:auto}
.hero-preview-link:hover{color:var(--cream);border-color:var(--cream)}
.app-proof{--proof-muted:#f5ecdfa6;--proof-line:#f5ecdf26;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;margin:66px 0 0;padding:54px 38px 12px;border-top:1px solid var(--proof-line);position:relative;scroll-margin-top:30px}
.app-proof-copy{max-width:365px}.app-proof-kicker{display:flex;align-items:center;gap:17px;margin-bottom:25px}.app-proof-kicker>span:first-child{display:grid;place-items:center;border:1px solid #e0b45366;color:var(--gold);height:31px;width:31px;border-radius:50%;font:15px var(--serif);flex:none}.app-proof-kicker>span:last-child{font-size:9px;letter-spacing:.09em;color:var(--ember);font-weight:650}
.app-proof h3{font:400 clamp(38px,4.1vw,60px)/1.03 var(--serif);letter-spacing:-.035em;margin-bottom:24px}.app-proof h3 em{font-weight:400;color:var(--ember)}.app-proof-copy>p{font-size:13px;line-height:1.95;color:var(--proof-muted);max-width:340px}.app-proof-boundary{display:inline-flex;align-items:center;gap:9px;color:#f5ecdfb8;font-size:10px;line-height:1.6;padding:13px 0;margin-top:19px;border-top:1px solid var(--proof-line)}.app-proof-boundary .icon{width:14px;height:14px;color:var(--gold)}
.app-proof-visual{width:100%;max-width:435px;justify-self:center;min-width:0}.app-shot{width:100%;display:block;background:#171119;color:var(--cream);border:1px solid #f5ecdf2c;border-radius:7px;padding:0;text-align:left;box-shadow:0 16px 38px #0805093d;overflow:hidden;cursor:zoom-in;transition:transform .35s,border-color .35s,box-shadow .35s}.app-shot:hover{transform:translateY(-5px);border-color:#f38a5d88;box-shadow:0 22px 40px #08050955}.app-shot:focus-visible{outline:2px solid var(--ember);outline-offset:6px}.app-shot-bar{display:flex;align-items:center;justify-content:space-between;padding:15px 19px;border-bottom:1px solid #f5ecdf1c;background:#211621}.app-shot-bar>span{font:21px var(--serif);letter-spacing:-.03em}.app-shot-bar i{font:9px var(--sans);letter-spacing:.015em;color:#f5ecdf85;font-style:normal;margin-left:9px}.app-shot-bar>.icon{height:16px;width:16px;color:var(--ember)}
.app-screen-crop{display:block;position:relative;overflow:hidden;background:#171119;isolation:isolate}.app-screen-crop img{display:block;width:100%;height:auto;max-width:none;pointer-events:none;user-select:none}.app-screen-crop--capture{aspect-ratio:720/645}.app-screen-crop--capture img{transform:translateY(-44%)}.app-screen-crop--prepare{aspect-ratio:1080/1235}.app-screen-crop--prepare img{transform:translateY(-40%)}.app-screen-crop--discuss{aspect-ratio:1080/955}.app-screen-crop--discuss img{transform:translateY(-6%)}.app-screen-crop--decide{aspect-ratio:1080/510}.app-screen-crop--decide img{transform:translateY(-65.5%)}
.app-shot-action{display:flex;justify-content:space-between;align-items:center;padding:15px 19px;border-top:1px solid #f5ecdf1c;font-size:10px;font-weight:600;letter-spacing:.01em}.app-shot-action>span{color:var(--ember);font-size:19px;line-height:1}.app-proof-source{display:flex;justify-content:space-between;gap:10px;margin-top:15px;font-size:8px;letter-spacing:.05em;color:var(--proof-muted)}.app-proof-source>span{opacity:.6}
.app-proof--prepare{--proof-muted:#725760;--proof-line:#4b273726;margin-top:15px;margin-bottom:60px}.app-proof--prepare .app-proof-kicker>span:first-child{color:#97652d;border-color:#a67c5380}.app-proof--prepare .app-proof-kicker>span:last-child,.app-proof--prepare h3 em{color:#a94e2c}.app-proof--prepare .app-proof-boundary{color:#725760}.app-proof--prepare .app-proof-boundary .icon{color:#97652d}.app-proof--prepare .app-proof-visual{max-width:390px}.app-proof--prepare .app-shot{box-shadow:0 18px 38px #24182129}.app-proof--discuss{margin-top:43px}.app-proof--decide{margin-top:35px;padding-bottom:0}
.app-screen-dialog{width:min(1060px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 44px);padding:0;border:1px solid #f5ecdf33;border-radius:7px;background:#1c1420;color:var(--cream);box-shadow:0 32px 130px #000a;overflow:hidden}.app-screen-dialog[open]{display:flex;flex-direction:column}.app-screen-dialog::backdrop{background:#100b12db;backdrop-filter:blur(9px)}
.app-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 29px 18px}.app-viewer-header .eyebrow{color:var(--ember);font-size:8px;letter-spacing:.1em}.app-viewer-header h2{font:36px/1.08 var(--serif);font-weight:400;letter-spacing:-.035em;margin-top:5px}#close-app-screen{display:flex;gap:15px;align-items:center;background:transparent;color:var(--cream);font-size:11px;min-width:72px;min-height:44px;justify-content:end}#close-app-screen>span{font:27px var(--sans);color:var(--ember);font-weight:400}
.app-viewer-tabs{display:flex;gap:5px;padding:0 29px 17px;flex:none;border-bottom:1px solid #f5ecdf26}.app-viewer-tabs button{display:flex;align-items:center;gap:9px;padding:11px 15px;min-height:41px;font-size:11px;background:transparent;border:1px solid #f5ecdf26;border-radius:3px;color:#f5ecdfac}.app-viewer-tabs button>span{color:var(--ember);font:13px var(--serif)}.app-viewer-tabs button[aria-pressed=true]{background:var(--cream);border-color:var(--cream);color:var(--ink)}.app-viewer-tabs button[aria-pressed=true]>span{color:#a94e2c}
.app-viewer-body{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:27px;padding:22px 29px;min-height:0;flex:1;overflow:hidden}.app-viewer-stage{height:min(58dvh,680px);min-height:150px;display:flex;align-items:center;justify-content:center;overflow:auto;overscroll-behavior:contain;background:#100c13;border:1px solid #f5ecdf19;border-radius:4px;scrollbar-color:#79586a #19111b;scrollbar-width:thin}.app-viewer-stage:focus-visible{outline:2px solid var(--ember);outline-offset:3px}.app-viewer-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;flex:none}.app-viewer-stage.is-reading{display:block}.app-viewer-stage.is-reading img{width:min(100%,580px);max-height:none;max-width:100%;height:auto;margin:auto}
.app-viewer-caption{align-self:center;min-width:0}#app-screen-boundary{font-size:9px;letter-spacing:.05em;line-height:1.8;color:var(--ember);display:block;padding-bottom:14px;border-bottom:1px solid #f5ecdf26}#app-screen-caption{font:24px/1.27 var(--serif);letter-spacing:-.015em;margin-top:22px;color:var(--cream)}#app-screen-zoom{display:flex;gap:20px;align-items:center;justify-content:space-between;border:1px solid #f5ecdf44;border-radius:3px;background:transparent;color:var(--cream);padding:13px 15px;font:11px var(--sans);min-height:44px;width:100%;margin-top:29px}#app-screen-zoom .icon{height:16px;width:16px;color:var(--ember)}#app-screen-zoom[aria-pressed=true]{border-color:var(--ember);color:var(--ember)}.app-viewer-caption small{display:block;color:#f5ecdf72;font-size:8px;line-height:1.8;margin-top:22px}
.app-viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 29px;border-top:1px solid #f5ecdf26;flex:none}.app-viewer-footer button{display:flex;align-items:center;gap:14px;background:none;color:var(--cream);font-size:18px;min-height:40px}.app-viewer-footer button>span{font-size:10px}.app-viewer-footer button:disabled{opacity:.3}#app-screen-count{font-size:9px;letter-spacing:.1em;color:#f5ecdf95}
@media(max-width:1100px){.app-proof{padding-inline:0;gap:6vw}.app-proof h3{font-size:44px}.app-proof-copy>p{font-size:12px}.app-proof-visual{max-width:390px}.app-proof--prepare .app-proof-visual{max-width:345px}.app-proof-kicker{gap:12px}.app-proof-kicker>span:last-child{font-size:8px}.app-viewer-body{grid-template-columns:minmax(0,1fr) 210px}}
@media(max-width:800px){.app-proof{gap:30px}.app-proof h3{font-size:38px}.app-proof-boundary{font-size:9px}.app-proof-source{font-size:7px;letter-spacing:.025em}.app-proof-kicker{gap:9px;align-items:center}.app-proof-kicker>span:first-child{height:27px;width:27px;font-size:13px}.app-proof-kicker>span:last-child{font-size:7px;line-height:1.7}.app-viewer-body{grid-template-columns:minmax(0,1fr) 180px;gap:19px;padding-inline:20px}.app-viewer-header,.app-viewer-footer{padding-inline:20px}.app-viewer-tabs{padding-inline:20px}.app-viewer-tabs button{font-size:10px;padding:10px 12px}.app-viewer-header h2{font-size:32px}#app-screen-caption{font-size:22px}}
@media(max-width:600px){.hero-preview-link{font-size:9px;margin-top:12px;gap:14px}.app-proof{grid-template-columns:1fr;gap:29px;margin-top:42px;padding:32px 0 10px;scroll-margin-top:25px}.app-proof-copy{max-width:365px}.app-proof-kicker{margin-bottom:18px;gap:12px}.app-proof-kicker>span:last-child{font-size:8px}.app-proof h3{font-size:39px;margin-bottom:18px}.app-proof-copy>p{font-size:12px;line-height:1.9;max-width:335px}.app-proof-boundary{margin-top:12px;padding-block:11px;font-size:9px}.app-proof-visual{width:100%;max-width:380px;justify-self:start}.app-shot-bar{padding:13px 16px}.app-shot-bar>span{font-size:22px}.app-shot-bar i{font-size:9px}.app-shot-action{padding:13px 16px;font-size:10px}.app-proof-source{font-size:8px;margin-top:12px;letter-spacing:0}.app-proof--prepare{margin-top:12px;margin-bottom:42px}.app-proof--prepare .app-proof-visual{max-width:380px}.app-proof--discuss{margin-top:32px}.app-proof--decide{margin-top:30px}
 .app-screen-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:5px}.app-viewer-header{padding:14px 16px 13px;gap:15px}.app-viewer-header .eyebrow{font-size:7px}.app-viewer-header h2{font-size:27px;margin-top:3px}#close-app-screen{font-size:10px;min-width:62px;gap:10px}.app-viewer-tabs{padding:0 14px 12px;gap:4px;justify-content:space-between}.app-viewer-tabs button{font-size:8px;padding:9px 9px;min-height:36px;gap:5px}.app-viewer-tabs button>span{font-size:10px}.app-viewer-body{display:flex;flex-direction:column;gap:13px;padding:13px 14px;overflow:auto;overscroll-behavior:contain}.app-viewer-stage{width:100%;height:48dvh;min-height:200px;flex:none}.app-viewer-caption{align-self:stretch;display:grid;grid-template-columns:1fr auto;gap:9px 14px;align-items:center}#app-screen-boundary{grid-column:1/-1;padding-bottom:0;border:0;font-size:8px}#app-screen-caption{margin:0;font:11px/1.65 var(--sans);letter-spacing:0}#app-screen-zoom{margin:0;width:auto;font-size:9px;gap:10px;padding:10px;white-space:nowrap}.app-viewer-caption small{grid-column:1/-1;margin:0;font-size:7px}.app-viewer-footer{padding:7px 14px;gap:12px}.app-viewer-footer button{min-height:36px;gap:10px}.app-viewer-footer button>span{font-size:9px}#app-screen-count{font-size:8px}}
@media(max-width:360px){.hero-preview-link{font-size:8px;margin-top:9px}.app-proof h3{font-size:35px}.app-proof-kicker>span:last-child{font-size:7px}.app-proof-copy>p{font-size:11px}.app-proof-source{font-size:7px}.app-shot-bar i{font-size:8px}.app-viewer-tabs{padding-inline:10px;gap:3px}.app-viewer-tabs button{padding:9px 6px;font-size:7px;gap:4px}.app-viewer-header{padding-inline:12px}.app-viewer-header h2{font-size:25px}.app-viewer-body{padding-inline:10px}.app-viewer-stage{height:44dvh}.app-viewer-caption{grid-template-columns:1fr;gap:8px}#app-screen-zoom{justify-self:start;padding:8px 11px;min-height:36px;margin-top:1px}.app-viewer-caption small{display:none}#app-screen-caption{font-size:10px}.app-viewer-footer{padding-inline:12px}}
@media(max-height:620px) and (min-width:601px){.app-viewer-header{padding-block:10px}.app-viewer-header h2{font-size:27px}.app-viewer-tabs{padding-bottom:10px}.app-viewer-tabs button{min-height:33px;padding-block:8px}.app-viewer-body{padding-block:12px}.app-viewer-stage{height:48dvh;min-height:100px}.app-viewer-footer{padding-block:6px}}

/* One chapter, two connected views: the tactile idea and its real app screen. */
.chapter{overflow:clip}
.phase-heading{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:7vw;margin:0;padding:58px 0 47px}
.phase-heading h2{font:400 clamp(58px,6.9vw,106px)/.98 var(--serif);letter-spacing:-.04em;min-width:0}
.phase-heading h2 em{font-weight:400;line-height:1.05}
.phase-heading>p,.phase-heading>p:not(.forward-hand):not(.privacy-caption){font:13px/1.95 var(--sans);max-width:355px;margin:0 0 5px;color:#f5ecdfad;justify-self:center}
.clarity-section .phase-heading>p:not(.privacy-caption){color:#725760}
.forward-story.phase-heading h2{font-size:clamp(56px,6.1vw,92px)}
.phase-pair{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:7vw;align-items:start;position:relative;padding-bottom:28px;scroll-margin-top:32px}
.phase-concept{min-width:0;position:relative}
.pair-label{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:41px;padding-bottom:18px;margin-bottom:26px;border-bottom:1px solid #f5ecdf33;font:600 9px/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ember)}
.pair-label>span:last-child{font-size:8px;font-weight:400;color:#f5ecdf88;letter-spacing:.025em;text-align:right}
.pair-label--app{position:relative}
.pair-label--app::before{content:'↗';position:absolute;left:calc(-3.5vw - 13px);top:-8px;font:32px var(--serif);color:var(--ember);transform:rotate(40deg)}
.pair-label h3{font:600 9px/1.5 var(--sans);letter-spacing:.1em;margin:0;text-transform:uppercase}
.phase-view-switch{display:none}
.phase-pair .app-proof{display:block;position:sticky;top:24px;align-self:start;width:100%;max-width:360px;justify-self:center;margin:0;padding:0;border:0;scroll-margin-top:32px}
.phase-pair .app-proof-visual{max-width:none;width:100%}
.phase-pair .app-proof-copy{max-width:none}
.phase-pair .app-translation{display:block;position:relative;max-width:none;padding-left:23px;margin-top:23px;font:12px/1.85 var(--sans);color:var(--proof-muted)}
.app-translation>span{position:absolute;left:0;top:-2px;font:23px var(--serif);color:var(--ember)}
.phase-pair .app-proof-boundary{font-size:9px;margin-top:13px;padding:10px 0 0;border:0}
.phase-pair .app-proof-source{font-size:7px;margin-top:11px}
.phase-pair .app-shot-bar{padding:12px 15px}
.phase-pair .app-shot-action{padding:12px 15px;font-size:9px}
.phase-pair .app-shot:hover{transform:translateY(-3px)}
.phase-pair--prepare .app-proof{max-width:330px}
.clarity-section .pair-label{border-color:#4b273733;color:#a94e2c}
.clarity-section .pair-label>span:last-child{color:#725760}
.clarity-section .pair-label--app::before,.clarity-section .app-translation>span{color:#a94e2c}
.clarity-section .phase-pair{padding-bottom:70px}
.private-context{margin-bottom:25px;border:1px solid #a17a562b;border-radius:2px;background:#e8ddce66}
.private-context summary{display:flex;align-items:center;gap:10px;list-style:none;padding:15px 18px;font-size:11px;cursor:pointer;color:#70555c}
.private-context summary::-webkit-details-marker{display:none}
.private-context summary>.icon{width:14px;height:14px;color:#98764e}
.private-context summary>span{margin-left:auto;font-size:9px;color:#a94e2c;white-space:nowrap}
.private-context[open] summary{border-bottom:1px solid #a17a5626}
.private-context .rough-note{width:calc(100% - 44px);max-width:none;margin:22px;padding:21px 23px;transform:rotate(-1.4deg)}
.private-context .rough-note blockquote{font:14px/1.75 var(--sans);margin:19px 0}
.private-context .rough-note>span:last-child{font-size:10px}
.private-context .privacy-caption{font-size:9px;margin:0 22px 20px;line-height:1.6}
.phase-pair .writing-paper{transform:rotate(-.7deg);padding:25px 30px}
.phase-pair .chosen-words textarea{font-size:17px;min-height:210px;line-height:1.85}
.phase-pair .writing-desk .dark-button{margin-top:24px}
.phase-pair .draft-tabs{gap:6px;margin-bottom:22px}
.phase-pair .draft-tabs button{padding:10px 13px;font-size:10px}
.phase-pair .empty-state{min-height:370px}
.phase-pair--bring .agenda-board{margin-top:0}
.phase-pair--bring .agenda-heading{display:block;margin-bottom:21px}
.phase-pair--bring .agenda-heading h3{font-size:32px;margin-top:13px}
.phase-pair--bring .agenda-heading>p{margin-top:15px;font-size:11px;line-height:1.85}
.phase-pair--bring .agenda-heading>p br{display:none}
.phase-pair--bring .topic-row{grid-template-columns:24px 120px minmax(0,1fr) 30px;gap:15px;padding:18px 3px;min-height:92px}
.phase-pair--bring .topic-category{font-size:10px}
.phase-pair--bring .topic-question{font-size:25px;line-height:1.15}
.phase-pair--bring .topic-add{height:28px;width:28px}
.phase-pair--bring .topic-row[aria-pressed=true],.phase-pair--bring .topic-row:not(:disabled):hover{padding-inline:9px}
.phase-pair--bring #custom-topic-form{grid-template-columns:1fr;padding-inline:3px;gap:15px}
.phase-pair--bring .felt-divider{display:block;margin-top:48px;padding-top:26px}
.phase-pair--bring .felt-divider h3{font-size:36px}
.phase-pair--bring .felt-divider>p{font-size:11px;line-height:1.85;margin-top:16px}
.phase-pair--bring .moment-table{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-height:0;padding:48px 4px 45px}
.phase-pair--bring .table-aside{display:none}
.phase-pair--bring .moment-card{width:100%;min-height:306px;padding:16px;--rotate:-3deg;--lift:0px}
.phase-pair--bring .distance-card{--rotate:3deg;--lift:12px}
.phase-pair--bring .laugh-card{--rotate:-2deg;--lift:0px}
.phase-pair--bring .moment-card>.drawing{height:80px;width:80px;margin:19px 0 17px}
.phase-pair--bring .moment-card .moment-title{font-size:27px;line-height:1.02}
.phase-pair--bring .moment-caption{font-size:9px;line-height:1.65;margin-top:14px}
.phase-pair--bring .moment-caption br{display:none}
.phase-pair--bring .card-top{font-size:7px}
.phase-pair--bring .card-bottom{font-size:5px;gap:5px}
.phase-pair--bring .card-add{height:20px;width:20px}
.phase-pair--bring .collection-bar{flex-wrap:wrap;gap:16px}
.phase-pair--bring .collection-bar>div:nth-child(2){font-size:12px;max-width:calc(100% - 95px)}
.phase-pair--bring .collection-bar small{font-size:9px;line-height:1.8}
.phase-pair--bring .collection-bar .text-link{font-size:11px;margin-left:auto}
.phase-pair--discuss .mode-switch{display:inline-flex;flex-direction:row;margin:0 0 24px;border-radius:99px}
.phase-pair--discuss .ritual-layout{display:flex;flex-direction:column;gap:0;min-height:0;align-items:stretch}
.phase-pair--discuss .ritual-aside{position:relative;padding:0 48px 0 0}
.phase-pair--discuss .small-cross{position:absolute;right:6px;top:2px;font-size:26px;margin:0}
.phase-pair--discuss .ritual-aside h3{font-size:30px}
.phase-pair--discuss .ritual-aside h3 br{display:block}
.phase-pair--discuss .ritual-aside p{font-size:12px;max-width:440px;margin-top:15px}
.phase-pair--discuss .ritual-object{height:450px;max-width:none;align-self:stretch;margin:0}
.phase-pair--discuss .ritual-envelope{width:min(85%,430px);max-width:none;top:109px}
.phase-pair--discuss .ritual-margin{display:none}
.phase-pair--discuss .arrivals{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:440px}
.phase-pair--discuss .arrivals button{gap:10px;padding:12px}
.phase-pair--discuss .ritual-bottom{display:block;margin-top:24px;padding-top:20px;font-size:9px;line-height:1.8}
.phase-pair--discuss .ritual-bottom>span:last-child{display:block;margin-top:9px}
.conversation-section:is([data-stage=sealed],[data-stage=ready]) .phase-pair--discuss .ritual-object{height:345px}
.conversation-section:is([data-stage=sealed],[data-stage=ready]) .phase-pair--discuss .ritual-envelope{top:25px}
.conversation-section[data-stage=opened] .phase-pair--discuss .ritual-envelope{top:260px}
.conversation-section[data-stage=opened] .phase-pair--discuss .ritual-object{height:595px}
.phase-pair--discuss .open-letter{top:-85%;min-height:145%;padding:25px;left:3%;right:3%}
.phase-pair--discuss .open-letter blockquote{font:15px/1.8 var(--sans)}
.phase-pair--discuss #letter-title{font-size:32px}
.phase-pair--discuss .conversation-steps{gap:7px;flex-wrap:wrap}
.phase-pair--discuss .conversation-steps button{font-size:10px;padding:11px 13px}
.phase-pair--discuss #conversation-prompt{font-size:35px}
.phase-pair--decide .decision-ticket{margin:0 10px 0 0;transform:rotate(-.8deg)}
.phase-pair--decide .decision-ticket .empty-state{min-height:375px}
@media(min-width:761px){.floating-pocket{left:max(26px,calc((100vw - 1440px)/2));right:auto}}
@media(min-width:761px) and (max-width:1100px){
 .phase-heading,.phase-pair{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:5vw}
 .phase-heading h2{font-size:7.2vw}.phase-heading>p,.phase-heading>p:not(.forward-hand):not(.privacy-caption){font-size:12px}
 .pair-label--app::before{left:calc(-2.5vw - 10px)}
 .phase-pair .app-proof{max-width:320px}.phase-pair--prepare .app-proof{max-width:300px}
 .pair-label{font-size:8px;gap:8px}.pair-label>span:last-child{font-size:7px}
 .phase-pair--bring .topic-row{grid-template-columns:21px minmax(0,1fr) 28px;gap:7px 13px;min-height:100px}
 .phase-pair--bring .topic-index{grid-column:1;grid-row:1/3}.phase-pair--bring .topic-category{grid-column:2;grid-row:1;font-size:9px}
 .phase-pair--bring .topic-question{grid-column:2;grid-row:2;font-size:24px}.phase-pair--bring .topic-add{grid-column:3;grid-row:1/3}
 .phase-pair--bring .moment-table{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}
 .phase-pair--bring .laugh-card{grid-column:1/-1;max-width:230px;justify-self:center}
 .phase-pair--bring .moment-card .moment-title{font-size:28px}
 .phase-pair--bring .collection-bar .text-link{margin-top:8px}
 .phase-pair .writing-paper{padding:22px}.phase-pair .chosen-words textarea{font-size:15px;min-height:220px}
 .private-context summary{padding:14px 12px;gap:8px;font-size:10px}.private-context summary>span{font-size:8px}
 .phase-pair--discuss .ritual-object{height:405px}.phase-pair--discuss .ritual-envelope{top:100px;width:92%}
 .phase-pair--discuss .ritual-aside h3{font-size:27px}.phase-pair--discuss .arrivals{grid-template-columns:1fr}
 .phase-pair--discuss .open-letter{top:-100%;min-height:165%}.phase-pair--discuss .open-letter blockquote{font-size:13px}
 .phase-pair--decide .decision-details{grid-template-columns:1fr}.phase-pair--decide .decision-details label:first-child{grid-column:auto}
}
@media(max-width:760px){
 .phase-heading{grid-template-columns:1fr;gap:25px;padding:37px 0 30px}
 .phase-heading h2,.forward-story.phase-heading h2{font-size:clamp(51px,13.8vw,88px)}
 .phase-heading>p,.phase-heading>p:not(.forward-hand):not(.privacy-caption){font-size:12px;max-width:410px;justify-self:start;margin:0;line-height:1.9}
 .phase-pair{grid-template-columns:minmax(0,1fr);gap:0;padding-bottom:10px;scroll-margin-top:24px}
 .phase-view-switch{display:flex;gap:4px;padding:5px;border:1px solid #f5ecdf33;border-radius:5px;margin-bottom:28px;background:#100b1220}
 .phase-view-switch button{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;min-height:44px;padding:11px 9px;background:transparent;color:#f5ecdfbb;font-size:10px;border-radius:3px}
 .phase-view-switch button[aria-pressed=true]{color:var(--ink);background:var(--cream)}
 .phase-view-switch button>span{color:var(--ember);font-size:15px}
 .clarity-section .phase-view-switch{border-color:#4b273726;background:#4b27370a}
 .clarity-section .phase-view-switch button{color:#725760}
 .clarity-section .phase-view-switch button[aria-pressed=true]{background:var(--wine);color:var(--cream)}
 .phase-pair[data-mobile-view=experience]>.app-proof,.phase-pair[data-mobile-view=app]>.phase-concept{display:none}
 .phase-pair .app-proof{position:relative;top:auto;max-width:390px;justify-self:center;width:100%;scroll-margin-top:24px;opacity:1;transform:none}
 .phase-pair--prepare .app-proof{max-width:355px}
 .pair-label--app::before{display:none}
 .pair-label{font-size:8px;margin-bottom:23px;padding-bottom:15px;min-height:36px}
 .pair-label>span:last-child{font-size:7px}.pair-label h3{font-size:8px}
 .phase-pair .app-translation{font-size:12px;margin-top:22px}
 .phase-pair .app-proof-source{font-size:8px}.phase-pair .app-proof-boundary{font-size:9px}
 .phase-pair .app-shot-bar{padding:13px 16px}.phase-pair .app-shot-action{padding:13px 16px;font-size:10px}
 .phase-pair--bring .agenda-heading h3{font-size:31px}.phase-pair--bring .topic-row{grid-template-columns:22px minmax(0,1fr) 29px;gap:7px 13px;min-height:105px;padding:17px 0}
 .phase-pair--bring .topic-index{grid-column:1;grid-row:1/3}.phase-pair--bring .topic-category{grid-column:2;grid-row:1;font-size:9px}
 .phase-pair--bring .topic-question{grid-column:2;grid-row:2;font-size:24px}.phase-pair--bring .topic-add{grid-column:3;grid-row:1/3}
 .phase-pair--bring .felt-divider h3{font-size:34px}
 .phase-pair--bring .moment-table{display:flex;flex-direction:column;align-items:center;gap:36px;padding:36px 10px 39px}
 .phase-pair--bring .moment-card{width:min(91%,320px);min-height:340px;padding:23px;--lift:0px}
 .phase-pair--bring .moment-card>.drawing{height:105px;width:105px}
 .phase-pair--bring .moment-card .moment-title{font-size:36px}.phase-pair--bring .moment-caption{font-size:11px}
 .phase-pair--bring .card-top{font-size:8px}.phase-pair--bring .card-bottom{font-size:7px}
 .phase-pair--bring .card-add{height:26px;width:26px}.phase-pair--bring .collection-bar>div:nth-child(2){max-width:calc(100% - 75px)}
 .phase-pair--bring .collection-bar .text-link{margin-top:10px}
 .clarity-section .phase-pair{padding-bottom:43px}
 .private-context summary{padding:14px 13px;font-size:10px;gap:8px}.private-context summary>span{font-size:8px}
 .phase-pair .writing-paper{padding:22px}.phase-pair .chosen-words textarea{font-size:16px;min-height:235px}
 .private-context .rough-note{width:calc(100% - 30px);margin:18px 15px;padding:19px}
 .private-context .rough-note blockquote{font-size:13px}.private-context .privacy-caption{margin-inline:16px;font-size:8px}
 .phase-pair--discuss .ritual-object{height:405px;max-width:440px;align-self:center}
 .phase-pair--discuss .ritual-envelope{width:92%;top:118px;max-width:400px}
 .phase-pair--discuss .ritual-aside{padding-right:32px}.phase-pair--discuss .ritual-aside h3{font-size:28px}
 .phase-pair--discuss .ritual-aside p{font-size:12px}.phase-pair--discuss .arrivals{grid-template-columns:1fr 1fr}
 .phase-pair--discuss .arrivals button{gap:7px;padding:10px 8px}
 .conversation-section:is([data-stage=sealed],[data-stage=ready]) .phase-pair--discuss .ritual-object{height:295px}
 .conversation-section[data-stage=opened] .phase-pair--discuss .ritual-envelope{top:330px}
 .phase-pair--discuss .open-letter{top:-140%;min-height:200%;padding:23px}
 .phase-pair--discuss .open-letter blockquote{font-size:14px}
 .phase-pair--discuss #conversation-prompt{font-size:32px}
 .phase-pair--decide .decision-ticket{margin:0;transform:rotate(-.5deg)}
}
@media(max-width:360px){
 .phase-heading h2,.forward-story.phase-heading h2{font-size:15.3vw}
 .phase-view-switch button{font-size:9px;gap:7px}
 .phase-pair .writing-paper{padding:19px}.phase-pair .chosen-words textarea{font-size:15px}
 .private-context summary{flex-wrap:wrap}.private-context summary>span{margin-left:auto}
 .phase-pair--discuss .ritual-object{height:365px}.phase-pair--discuss .ritual-envelope{top:103px}
 .phase-pair--discuss .arrivals{grid-template-columns:1fr}
 .conversation-section[data-stage=opened] .phase-pair--discuss .ritual-envelope{top:335px}
 .phase-pair--discuss .open-letter{top:-164%;min-height:220%;padding:20px}
 .phase-pair--discuss .open-letter blockquote{font-size:13px}
}