@font-face{font-family:Fraunces;src:url('assets/fraunces-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Fraunces;src:url('assets/fraunces-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/dm-sans-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/dm-sans-medium.ttf') format('truetype');font-weight:500 700;font-display:swap}
@font-face{font-family:Caveat;src:url('assets/caveat.ttf') format('truetype');font-weight:500;font-display:swap}
:root{--paper:#f8f5ec;--paper-deep:#eee9dc;--ink:#243e5b;--body:#4f514d;--muted:#68675e;--red:#a44837;--line:#d9d5c7;--green:#253f34;--night:#172c43;--night-ink:#f7f0dc;--gold:#e8c285;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px;scrollbar-color:#a8aa94 var(--paper)}body{margin:0;background:var(--paper);color:var(--body);font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.7}::selection{background:#e8c285;color:var(--night)}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit}a,button,summary{-webkit-tap-highlight-color:#e8c28555}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:6px;border-radius:2px}.wrap{width:min(1120px,calc(100% - 112px));margin-inline:auto}.section{padding-block:112px}h1,h2,p,figure{margin:0}h1,h2{font-family:Fraunces,Georgia,serif;color:var(--ink);font-weight:400;letter-spacing:-.035em;text-wrap:balance}h2{font-size:clamp(38px,4.1vw,58px);line-height:1.13}h2 em{font-weight:400}p+p{margin-top:20px}.prose{max-width:475px}.handwritten{font-family:Caveat,cursive;font-weight:500;font-size:28px;line-height:1.16;color:var(--red)}.text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;text-decoration:none;font-size:14px;color:var(--ink);border:0;border-bottom:1px solid currentColor;background:none;padding:8px 0;cursor:pointer}.text-link .arrow{transition:transform .3s var(--ease);font-size:20px}.text-link:hover .arrow{transform:translate(3px,-2px)}.text-link:hover{color:var(--red)}.skip{position:fixed;left:20px;top:-90px;background:var(--paper);padding:12px 20px;z-index:10}.skip:focus{top:20px}
.hero{min-height:max(800px,100svh);position:relative;isolation:isolate;overflow:hidden;color:var(--green);background:#ececdf}.landscape{position:absolute;z-index:-2;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 68%}.hero:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#fbf5e180 0%,#fbf5e138 43%,transparent 65%)}.header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #253f3426}.wordmark{font:400 34px/1 Fraunces,Georgia,serif;letter-spacing:-.04em;text-decoration:none;color:var(--ink);padding-block:10px}.wordmark span{color:var(--red)}.header .wordmark{color:var(--green)}nav{display:flex;align-items:center;gap:36px}nav a{font-size:14px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:8px}nav a:hover{text-decoration:underline}.hero-body{min-height:704px;height:calc(100svh - 96px);display:flex;align-items:flex-start;padding-top:70px;position:relative}.hero-copy{width:480px}.hero h1{font-size:clamp(76px,7.3vw,96px);line-height:1.01;color:var(--green);margin-bottom:28px}.hero h1 em{color:var(--green)}.intro{font-size:23px;line-height:1.5;letter-spacing:-.015em}.intro em{font:italic 27px Fraunces,Georgia,serif}.hero-about{font-size:16px;line-height:1.7;max-width:365px;margin-top:22px}.hero .text-link{margin-top:24px;color:var(--green)}.hero-note{position:absolute;right:13%;top:27%;font-size:34px;transform:rotate(6deg);color:#466253}
.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;margin-bottom:66px}.section-intro .prose{padding-top:7px}.whys{display:grid;grid-template-columns:.75fr 1.6fr;gap:100px}.why-aside{padding-top:26px;padding-left:40px}.why-aside .handwritten{transform:rotate(-5deg);margin-bottom:27px}.why-aside>p:last-child{font-size:14px;color:var(--muted);line-height:1.65}.questions{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;color:var(--ink);font:400 25px/1.3 Fraunces,Georgia,serif;padding:21px 0}summary::-webkit-details-marker{display:none}summary:hover{color:var(--red)}.disclosure-mark{height:16px;width:16px;flex:0 0 16px;position:relative;color:var(--red)}.disclosure-mark:before,.disclosure-mark:after{content:'';position:absolute;left:0;top:7px;width:16px;height:1px;background:currentColor}.disclosure-mark:after{transform:rotate(90deg)}details[open]>summary .disclosure-mark:after{transform:rotate(0)}.answer{padding:0 40px 28px 0;font-size:16px;line-height:1.75}.answer .your-turn{color:var(--red);font-size:15px;margin-top:20px}.world-section{background:var(--paper-deep);padding-block:98px}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.world-copy .prose{margin-top:28px}.world-copy .text-link{margin-top:22px}.cat-scene{text-align:center;min-width:0}.cat-note{transform:rotate(5deg);margin-bottom:-14px;margin-left:50px}.cat-button{position:relative;border:0;background:none;display:block;width:100%;padding:0;cursor:pointer}.cat-button img{display:block;width:100%;height:auto;transform-origin:55% 74%;transition:transform .55s var(--ease)}.cat-button:hover img{transform:rotate(-1deg) translateY(-3px)}.cat-heart{position:absolute;left:28%;top:28%;fill:var(--red);opacity:0;pointer-events:none}.cat-button.petted .cat-heart{animation:heart 1.5s var(--ease)}.cat-button.petted img{animation:cat .9s var(--ease)}.cat-status{font-size:13px;color:var(--muted);min-height:25px;margin-top:-12px}@keyframes heart{0%{opacity:0;transform:translateY(10px) scale(.6)}25%,65%{opacity:1}100%{opacity:0;transform:translateY(-40px) scale(1.1)}}@keyframes cat{35%{transform:rotate(-1.5deg) translateY(-4px)}100%{transform:none}}
.rituals{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.ritual-copy .prose{margin-top:30px}.signs-quote{padding-left:40px}.signs-quote blockquote{margin:0;font:400 clamp(42px,4.5vw,64px)/1.16 Fraunces,Georgia,serif;letter-spacing:-.035em;color:var(--ink)}.signs-quote blockquote em{color:var(--red)}.signs-quote figcaption{margin-top:28px;transform:rotate(-4deg)}.memory-section{padding:100px 0;background:var(--night);color:var(--night-ink)}.memory{display:grid;grid-template-columns:1.05fr 1fr;gap:95px}.memory h2{color:var(--night-ink);font-size:clamp(38px,3.7vw,52px)}.memory-heading>.handwritten{margin-top:38px;color:var(--gold);transform:rotate(-3deg)}.memory-lead{font:400 29px/1.4 Fraunces,Georgia,serif;margin-bottom:26px}.memory-copy>p:not(.memory-lead),.story-text{color:#d5e0eb;font-size:16px;line-height:1.8}.story{border-color:#f7f0dc40;margin-top:25px}.story summary{font:400 14px 'DM Sans',sans-serif;color:var(--night-ink);min-height:63px;padding:14px 0}.story .disclosure-mark{color:var(--gold)}.story summary:hover{color:var(--gold)}.story-text{padding:4px 0 28px}.memory :focus-visible{outline-color:var(--gold)}.dream{text-align:center;padding-block:115px 124px}.dream>.handwritten{margin-bottom:27px;transform:rotate(-3deg)}.dream h2{font-size:clamp(48px,5.3vw,76px);line-height:1.1}.dream h2 em{color:var(--red)}.dream>p:last-child{margin-top:30px;line-height:1.85}.take-question{background:#e5eadd;padding-block:87px 93px}.question-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.question-layout h2{font-size:44px;color:var(--green)}.question-layout>div>p:not(.take-prompt){margin-top:26px;font-size:16px;color:#435546}.question-card{padding-top:5px;display:flex;min-height:232px;flex-direction:column;align-items:flex-start;justify-content:space-between}.take-prompt{font:400 31px/1.4 Fraunces,Georgia,serif;letter-spacing:-.02em;color:var(--green);text-wrap:balance;max-width:460px}.question-card .text-link{margin-top:25px;color:var(--green)}.footer{display:flex;align-items:center;gap:24px;padding-block:35px}.footer .wordmark{font-size:28px}.footer>p{font-size:13px;color:var(--muted)}.footer .text-link{margin-left:auto;font-size:13px;border:0}
@media(min-width:1700px){.hero-body,.header{width:min(1320px,calc(100% - 160px))}.hero-body{padding-top:95px}.hero-note{right:17%}}
@media(max-width:1000px){.wrap{width:calc(100% - 72px)}.hero-copy{width:420px}.hero-note{right:4%;font-size:29px}.section{padding-block:85px}.section-intro,.world-grid{gap:42px}.whys{gap:42px;grid-template-columns:.65fr 1.6fr}.why-aside{padding-left:0}.rituals,.memory,.question-layout{gap:45px}.signs-quote{padding-left:0}.world-section,.memory-section{padding-block:80px}.take-prompt{font-size:29px}}
@media(max-width:700px){.wrap{width:calc(100% - 44px)}body{font-size:16px}.section{padding-block:64px}.header{height:78px}.wordmark{font-size:30px}nav{gap:0}nav a{font-size:12px}nav a:not(:last-child){display:none}.hero{min-height:870px}.hero-body{padding-top:55px;min-height:792px;height:auto}.hero h1{font-size:76px;margin-bottom:26px}.hero-copy{width:100%;max-width:380px}.intro{font-size:21px}.intro em{font-size:25px}.hero-about{font-size:15px;max-width:310px;margin-top:22px}.hero .text-link{margin-top:19px}.hero-note{top:auto;bottom:115px;right:7%;font-size:28px;color:#243f35}.landscape{object-position:60% center}.hero:before{background:linear-gradient(180deg,#fbf5e11c 0%,#fbf5e18c 22%,#fbf5e15c 56%,transparent 78%)}.section-intro{grid-template-columns:1fr;gap:25px;margin-bottom:31px}.section-intro .prose{padding:0}h2{font-size:40px;line-height:1.14}.whys{display:block}.why-aside{display:flex;gap:30px;align-items:center;padding:0 0 21px}.why-aside .handwritten{font-size:24px;margin:0}.why-aside>p:last-child{font-size:12px;margin:0}.questions summary{font-size:23px;min-height:76px;padding-block:20px}.answer{padding-right:10px;font-size:15px}.answer .your-turn{font-size:14px}.world-section{padding-block:64px 42px}.world-grid{grid-template-columns:1fr;gap:36px}.world-copy .prose{margin-top:24px}.cat-scene{max-width:470px;width:100%;margin:auto}.cat-note{font-size:27px;margin-bottom:-22px}.cat-status{margin-top:-8px}.rituals{grid-template-columns:1fr;gap:53px}.ritual-copy .prose{margin-top:25px}.signs-quote{padding-left:12px}.signs-quote blockquote{font-size:51px}.signs-quote figcaption{font-size:27px;margin-top:22px}.memory-section{padding-block:66px}.memory{grid-template-columns:1fr;gap:43px}.memory h2{font-size:39px}.memory-heading>.handwritten{margin-top:24px;font-size:26px}.memory-lead{font-size:27px;margin-bottom:21px}.memory-copy>p:not(.memory-lead),.story-text{font-size:15px}.dream{padding-block:76px 81px}.dream>.handwritten{font-size:25px;margin-bottom:24px}.dream h2{font-size:49px}.dream>p:last-child{margin-top:27px;font-size:15px}.take-question{padding-block:60px}.question-layout{grid-template-columns:1fr;gap:39px}.question-layout h2{font-size:39px}.question-layout>div>p:not(.take-prompt){margin-top:22px;font-size:15px}.question-card{min-height:203px;padding-top:0;border-top:1px solid #253f3440;padding-top:27px}.take-prompt{font-size:29px}.footer{gap:16px;flex-wrap:wrap;padding-block:26px}.footer .text-link{margin-left:0;width:100%;justify-content:space-between}.footer>p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.cat-button.petted .cat-heart{opacity:1}.cat-button:hover img{transform:none}}

.arrow{flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}nav .arrow{width:15px;height:15px}
@media(max-width:700px){.hero-note{display:none}}

.contact{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:77px 65px;border-bottom:1px solid var(--line)}.contact h2{font-size:48px;padding-top:14px}.contact-links a{display:flex;align-items:center;justify-content:space-between;gap:24px;text-decoration:none;color:var(--ink);padding-block:17px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.contact-links a:hover{color:var(--red)}.contact-label{display:block;font-size:12px;color:var(--muted);margin-bottom:3px}.hero-about a:hover,.prose a:hover{color:var(--red)}
@media(max-width:1000px){.contact{gap:45px}}@media(max-width:700px){.contact{grid-template-columns:1fr;gap:18px;padding-block:52px 42px}.contact h2{font-size:40px;padding-top:0}.contact-links a{font-size:16px}}